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

#3AB9F2 の色情報

#3AB9F2

画像
HEX	#3AB9F2
RGB	R:58 G:185 B:242
RGBの割合	R:22.7% G:72.5% B:94.9%
HSV	H:198.6 S:76.0 V:94.9
HSL	H:198.6 S:87.6 L:58.8
CMY	C:77.3 M:27.5 Y:5.1

CMYK	C:76.0 M:23.6 Y:0.0 K:5.1
YCbCr	Y:147.9 Cb:171.8 Cr:68.2
XYZ	X:35.1 Y:42.0 Z:90.3
xyY	x:0.210 y:0.251 Y:42.0

CIE Lab	L:70.9 a:-15.7 b*:-38.1
CIE LCh	L:70.9 C:41.2 h:247.6
CIE Luv	L:70.9 u:-44.1 v*:-59.3
Hunter Lab	L:64.8 a:-16.7 b:-37.2

#3AB9F2 の色相別色一覧

#F2453A

#F2733A

#F2A13A

#F2CF3A

#E7F23A

#B9F23A

#8BF23A

#5DF23A

#3AF245

#3AF273

#3AF2A1

#3AF2CF

#3AE7F2

#3AB9F2

#3A8BF2

#3A5DF2

#453AF2

#733AF2

#A13AF2

#CF3AF2

#F23AE7

#F23AB9

#F23A8B

#F23A5D

#3AB9F2 の彩度別色一覧

#F0F1F2

#E3EDF2

#D7EAF2

#CBE6F2

#BFE2F2

#B3DEF2

#A7DBF2

#9BD7F2

#8FD3F2

#83CFF2

#77CCF2

#6AC8F2

#5EC4F2

#52C0F2

#46BDF2

#3AB9F2

#2EB5F2

#22B2F2

#16AEF2

#0AAAF2

#3AB9F2 の明度別色一覧

#030A0D

#061319

#091D26

#0C2733

#0F3140

#123A4C

#154459

#184E66

#1B5873

#1E617F

#226B8C

#257599

#287FA6

#2B88B2

#2E92BF

#319CCC

#34A6D9

#37AFE5

#3AB9F2

#3DC3FF

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

#05404D

#137EBA

#2E5675

#3B70A1

#3AB9F2

#1E6194

#3AB9F2

#28687D

#55A2C2

#08344A

#3AB9F2

#0F3D59

#40A0CF

#336B7D

#357796

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

#45E569

#F7F345

#FF4C8F

#8A27D9

#3AB9F2

#EF2D80

#58EA46

#3AB9F2

#8847E5

#FFC752

#FAF243

#3CE041

#BA4EED

#E32233

#3AB9F2

#3AB9F2 を使ったカマイユ

#30CEFC

#3AB9F2

#47C3FF

#29A5D9

#2BADFC

#40B8E5

#3AB9F2

#30B6FC

#30C6FF

#45B9FF

#4CCEFC

#4FB3EF

#3AB9F2

#4CCEFF

#51C7F5

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

#4ED9ED

#58DAED

#489CDB

#1CC5D6

#3AB9F2

#18A5DB

#42BEFF

#17D9E5

#3DC7D9

#12C3CE

#3AB9F2

#2BF0FC

#54A2FF

#46D4E3

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

#3AB9F2

#83888A

#033B54

#414D52

#1A6B8F

#3AB9F2

#6DC5ED

#0979AB

#23556B

#475459

#3AB9F2

#45B9ED

#233E4A

#5D7F8F

#0A4B69

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

#5C8699

#3AB9F2

#045275

#70B0CC

#3AB9F2

#074966

#3AB9F2

#5C889C

#2C627A

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

#3AB9F2

#F23AB9

#B9F23A

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

#F2B03A

#3AB9F2

#F23A3E

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

#3AB9F2

#CF3AF2

#F2733A

#5DF23A

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

#3AB9F2

#F2733A

#3AB9F2

#B3DEF2

#3AB9F2

#184E66

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

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

#3AB9F2

#3AB9F2 の色情報

#3AB9F2 の色相別色一覧

#3AB9F2 の彩度別色一覧

#3AB9F2 の明度別色一覧

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

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

#3AB9F2 を使ったカマイユ

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

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

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

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

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

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

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