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

#3A8CE2 の色情報

#3A8CE2

画像
HEX	#3A8CE2
RGB	R:58 G:140 B:226
RGBの割合	R:22.7% G:54.9% B:88.6%
HSV	H:210.7 S:74.3 V:88.6
HSL	H:210.7 S:74.3 L:55.7
CMY	C:77.3 M:45.1 Y:11.4

CMYK	C:74.3 M:38.1 Y:0.0 K:11.4
YCbCr	Y:123.6 Cb:177.9 Cr:85.9
XYZ	X:24.8 Y:25.1 Z:75.5
xyY	x:0.198 y:0.200 Y:25.1

CIE Lab	L:57.2 a:4.1 b*:-50.8
CIE LCh	L:57.2 C:51.0 h:274.6
CIE Luv	L:57.2 u:-29.6 v*:-80.5
Hunter Lab	L:50.1 a:0.7 b:-54.2

#3A8CE2 の色相別色一覧

#E23C3A

#E2663A

#E2903A

#E2BA3A

#E0E23A

#B6E23A

#8CE23A

#62E23A

#3AE23C

#3AE266

#3AE290

#3AE2BA

#3AE0E2

#3AB6E2

#3A8CE2

#3A62E2

#3C3AE2

#663AE2

#903AE2

#BA3AE2

#E23AE0

#E23AB6

#E23A8C

#E23A62

#3A8CE2 の彩度別色一覧

#D8DDE2

#CDD7E2

#C2D1E2

#B6CCE2

#ABC6E2

#A0C0E2

#94BAE2

#89B4E2

#7EAFE2

#73A9E2

#67A3E2

#5C9DE2

#5198E2

#4592E2

#3A8CE2

#2F86E2

#2380E2

#187BE2

#0D75E2

#026FE2

#3A8CE2 の明度別色一覧

#020609

#060E16

#091623

#0C1D30

#0F253C

#132D49

#163556

#193D63

#1D456F

#204D7C

#235589

#265D96

#2A65A2

#2D6CAF

#3074BC

#337CC9

#3784D5

#3A8CE2

#3D94EF

#419CFC

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

#508FB8

#3A8CE2

#052347

#356A9E

#354F7A

#3A8CE2

#5393B5

#132945

#326491

#325673

#162B54

#12538F

#1A61C2

#3A8CE2

#244575

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

#EFF649

#3A8CE2

#C93944

#52E57A

#DA50F4

#2FC97E

#B646C9

#CE2A31

#D9F148

#3A8CE2

#C1EA2C

#49DF96

#D8403C

#3A8CE2

#C848DD

#3A8CE2 を使ったカマイユ

#2783DD

#3A8CE2

#2288DA

#4CA5F6

#4298E7

#3A8CE2

#2794F9

#4999E7

#4B8BD3

#2B70C9

#3D94F6

#257EEA

#3A8CE2

#489FE5

#3689DA

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

#318BD8

#3A8CE2

#2680D8

#4E73D5

#2761C9

#3A8CE2

#2E92DD

#2080DD

#426CE7

#2785D0

#3A8CE2

#204DDD

#24BDF4

#45A1E7

#41ACD3

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

#3A8CE2

#2A517A

#BFCEDE

#90C1F5

#345F8C

#39414A

#212E3B

#2B4159

#082B4F

#3A8CE2

#1679E0

#3A8CE2

#08478A

#303D4A

#4D81B8

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

#3A8CE2

#44586E

#1163BA

#587DA3

#3A8CE2

#213E5C

#577A9E

#3A8CE2

#0C3561

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

#3A8CE2

#E23A8C

#8CE23A

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

#E2C83A

#3A8CE2

#E2583A

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

#3A8CE2

#E23AE0

#E2903A

#3AE23C

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

#3A8CE2

#E2903A

#3A8CE2

#ABC6E2

#3A8CE2

#1A3F66

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

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

#3A8CE2

#3A8CE2 の色情報

#3A8CE2 の色相別色一覧

#3A8CE2 の彩度別色一覧

#3A8CE2 の明度別色一覧

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

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

#3A8CE2 を使ったカマイユ

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

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

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

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

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

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

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