#3A86E2｜カラーサイト.com

#3A86E2 の色情報

#3A86E2

画像
HEX	#3A86E2
RGB	R:58 G:134 B:226
RGBの割合	R:22.7% G:52.5% B:88.6%
HSV	H:212.9 S:74.3 V:88.6
HSL	H:212.9 S:74.3 L:55.7
CMY	C:77.3 M:47.5 Y:11.4

CMYK	C:74.3 M:40.7 Y:0.0 K:11.4
YCbCr	Y:120.6 Cb:179.6 Cr:88.1
XYZ	X:24.0 Y:23.4 Z:75.2
xyY	x:0.196 y:0.191 Y:23.4

CIE Lab	L:55.5 a:7.7 b*:-53.5
CIE LCh	L:55.5 C:54.0 h:278.2
CIE Luv	L:55.5 u:-27.6 v*:-84.8
Hunter Lab	L:48.4 a:3.7 b:-58.2

#3A86E2 の色相別色一覧

#E2423A

#E26C3A

#E2963A

#E2C03A

#DAE23A

#B0E23A

#86E23A

#5CE23A

#3AE242

#3AE26C

#3AE296

#3AE2C0

#3ADAE2

#3AB0E2

#3A86E2

#3A5CE2

#423AE2

#6C3AE2

#963AE2

#C03AE2

#E23ADA

#E23AB0

#E23A86

#E23A5C

#3A86E2 の彩度別色一覧

#D8DDE2

#CDD6E2

#C2D0E2

#B6CAE2

#ABC4E2

#A0BEE2

#94B8E2

#89B1E2

#7EABE2

#73A5E2

#679FE2

#5C99E2

#5192E2

#458CE2

#3A86E2

#2F80E2

#237AE2

#1873E2

#0D6DE2

#0267E2

#3A86E2 の明度別色一覧

#020509

#060D16

#091523

#0C1C30

#0F243C

#132B49

#163356

#193A63

#1D426F

#204A7C

#235189

#265996

#2A60A2

#2D68AF

#306FBC

#3377C9

#377ED5

#3A86E2

#3D8EEF

#4195FC

#3A86E2 を使ったトーンオントーン

#294A6E

#3A86E2

#1163C7

#0E2B52

#134299

#073480

#2759A3

#3A86E2

#153A59

#235AC7

#3A86E2

#385B9E

#0C204A

#103A78

#3F81B0

#3A86E2 を使ったトーンイントーン

#3BF9A6

#3A86E2

#86E526

#D124E5

#F65727

#97D82F

#3A86E2

#D12DEF

#50ECB0

#C92E23

#DFDA3C

#EC274F

#3CD341

#9D4AD5

#3A86E2

#3A86E2 を使ったカマイユ

#307ED5

#2E9BF9

#3A86E2

#4784D3

#2992F9

#4997EF

#3A86E2

#2C73EC

#3571D8

#3270CB

#2D78CE

#2A76EF

#3A86E2

#428DDD

#2D83F1

#3A86E2 を使ったフォカマイユ

#529DD5

#4BABD8

#3A86E2

#327DD3

#549CEC

#3498DA

#3A94C3

#5174FF

#208DDA

#3A86E2

#2469D8

#4BB6E7

#3A86E2

#2D70FF

#5699FE

#3A86E2 を使ったドミナントカラー

#4F565E

#173E6E

#F0F6FC

#195194

#3A86E2

#1965C2

#3F546E

#3A86E2

#164680

#146EDB

#387CCF

#82A5CF

#3A86E2

#222D3B

#89B7F0

#3A86E2 を使ったアイデンティティ

#3A86E2

#7A9ABF

#0B3C78

#3A86E2

#7793B5

#2C4C73

#1563C2

#35475C

#3A86E2

#3A86E2 を使ったトライアド

#3A86E2

#E23A86

#86E23A

#3A86E2 を使ったスプリットコンプリメンタリー

#E2CE3A

#3A86E2

#E25E3A

#3A86E2 を使ったテトラード

#3A86E2

#E23ADA

#E2963A

#3AE242

#3A86E2 を使ったコントラスト

#3A86E2

#E2963A

#3A86E2

#ABC4E2

#3A86E2

#1A3C66

#3A86E2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#3A86E2の色相や彩度を変えたときの配色なども一覧で表示します。

#3A86E2

#3A86E2 の色情報

#3A86E2 の色相別色一覧

#3A86E2 の彩度別色一覧

#3A86E2 の明度別色一覧

#3A86E2 を使ったトーンオントーン

#3A86E2 を使ったトーンイントーン

#3A86E2 を使ったカマイユ

#3A86E2 を使ったフォカマイユ

#3A86E2 を使ったドミナントカラー

#3A86E2 を使ったアイデンティティ

#3A86E2 を使ったトライアド

#3A86E2 を使ったスプリットコンプリメンタリー

#3A86E2 を使ったテトラード

#3A86E2 を使ったコントラスト