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

#3ABAE2 の色情報

#3ABAE2

画像
HEX	#3ABAE2
RGB	R:58 G:186 B:226
RGBの割合	R:22.7% G:72.9% B:88.6%
HSV	H:194.3 S:74.3 V:88.6
HSL	H:194.3 S:74.3 L:55.7
CMY	C:77.3 M:27.1 Y:11.4

CMYK	C:74.3 M:17.7 Y:0.0 K:11.4
YCbCr	Y:146.8 Cb:164.5 Cr:69.0
XYZ	X:33.0 Y:41.5 Z:78.2
xyY	x:0.216 y:0.272 Y:41.5

CIE Lab	L:70.5 a:-21.4 b*:-29.9
CIE LCh	L:70.5 C:36.8 h:234.4
CIE Luv	L:70.5 u:-45.4 v*:-44.7
Hunter Lab	L:64.4 a:-21.2 b:-26.9

#3ABAE2 の色相別色一覧

#E2623A

#E28C3A

#E2B63A

#E2E03A

#BAE23A

#90E23A

#66E23A

#3CE23A

#3AE262

#3AE28C

#3AE2B6

#3AE2E0

#3ABAE2

#3A90E2

#3A66E2

#3A3CE2

#623AE2

#8C3AE2

#B63AE2

#E03AE2

#E23ABA

#E23A90

#E23A66

#E23A3C

#3ABAE2 の彩度別色一覧

#D8E0E2

#CDDDE2

#C2DAE2

#B6D8E2

#ABD5E2

#A0D2E2

#94D0E2

#89CDE2

#7ECAE2

#73C7E2

#67C5E2

#5CC2E2

#51BFE2

#45BDE2

#3ABAE2

#2FB7E2

#23B5E2

#18B2E2

#0DAFE2

#02ADE2

#3ABAE2 の明度別色一覧

#020809

#061216

#091D23

#0C2730

#0F323C

#133C49

#164756

#195163

#1D5C6F

#20667C

#237189

#267B96

#2A86A2

#2D90AF

#309BBC

#33A5C9

#37B0D5

#3ABAE2

#3DC4EF

#41CFFC

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

#3ABAE2

#1A4054

#0D4D75

#257D91

#23A1B3

#13B2C4

#3ABAE2

#26878F

#0B3B4D

#316475

#3E8EB8

#206F78

#3ABAE2

#04474F

#40868C

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

#F42B70

#3ABAE2

#24DA37

#E7D242

#7340F1

#DF379E

#6025DD

#DFB94B

#3ABAE2

#3FC927

#FBFC57

#3ABAE2

#7A36CB

#40E75A

#F93871

#3ABAE2 を使ったカマイユ

#34AADA

#31A5D8

#3ABAE2

#30B1D5

#2CACDF

#4DCCFC

#2DBAD8

#3ABAE2

#36B6DA

#26B3F1

#27BCE7

#27B3DA

#3ABAE2

#309ED3

#30A8DD

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

#17CED5

#3ABAE2

#4FBCD8

#1EF2FE

#2FC6D8

#3ABAE2

#45B0C1

#1BA3F9

#219FF4

#56C6FF

#3ABAE2

#4DADBE

#4197CE

#4CFBFF

#31A6CE

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

#024C63

#3ABAE2

#6B7375

#0B2B36

#36B0D6

#012733

#4093AD

#324045

#3ABAE2

#4EC1E6

#103C4A

#3ABAE2

#6AB5CC

#779DA8

#9CAFB5

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

#82ADBA

#126B87

#3ABAE2

#096987

#81DFFC

#3ABAE2

#3E555C

#3ABAE2

#458BA1

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

#3ABAE2

#E23ABA

#BAE23A

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

#E29A3A

#3ABAE2

#E23A4A

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

#3ABAE2

#B63AE2

#E2623A

#66E23A

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

#3ABAE2

#E2623A

#3ABAE2

#ABD5E2

#3ABAE2

#1A5466

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

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

#3ABAE2

#3ABAE2 の色情報

#3ABAE2 の色相別色一覧

#3ABAE2 の彩度別色一覧

#3ABAE2 の明度別色一覧

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

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

#3ABAE2 を使ったカマイユ

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

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

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

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

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

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

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