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

#3AB5E9 の色情報

#3AB5E9

画像
HEX	#3AB5E9
RGB	R:58 G:181 B:233
RGBの割合	R:22.7% G:71.0% B:91.4%
HSV	H:197.8 S:75.1 V:91.4
HSL	H:197.8 S:79.9 L:57.1
CMY	C:77.3 M:29.0 Y:8.6

CMYK	C:75.1 M:22.3 Y:0.0 K:8.6
YCbCr	Y:145.0 Cb:169.0 Cr:70.3
XYZ	X:33.0 Y:39.8 Z:83.0
xyY	x:0.212 y:0.256 Y:39.8

CIE Lab	L:69.3 a:-16.5 b*:-35.6
CIE LCh	L:69.3 C:39.2 h:245.1
CIE Luv	L:69.3 u:-43.3 v*:-54.8
Hunter Lab	L:63.1 a:-17.2 b:-33.8

#3AB5E9 の色相別色一覧

#E9423A

#E96E3A

#E99A3A

#E9C63A

#E1E93A

#B5E93A

#89E93A

#5EE93A

#3AE942

#3AE96E

#3AE99A

#3AE9C6

#3AE1E9

#3AB5E9

#3A89E9

#3A5EE9

#423AE9

#6E3AE9

#9A3AE9

#C63AE9

#E93AE1

#E93AB5

#E93A89

#E93A5E

#3AB5E9 の彩度別色一覧

#E9E9E9

#DDE5E9

#D1E2E9

#C6DFE9

#BADBE9

#AFD8E9

#A3D4E9

#97D1E9

#8CCDE9

#80CAE9

#74C6E9

#69C3E9

#5DBFE9

#51BCE9

#46B8E9

#3AB5E9

#2EB2E9

#23AEE9

#17ABE9

#0BA7E9

#3AB5E9 の明度別色一覧

#010304

#040D10

#07171D

#0A202A

#0E2A37

#113443

#143E50

#17485D

#1A526A

#1D5C76

#216683

#247090

#277A9D

#2A83A9

#2D8DB6

#3097C3

#34A1D0

#37ABDC

#3AB5E9

#3DBFF6

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

#2E637A

#518BB8

#3AB5E9

#096494

#264B57

#3AB5E9

#15324A

#1F7B8F

#154269

#13A9BF

#1B6673

#1B344A

#3AB5E9

#3276A1

#438FB0

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

#FB415D

#FDF451

#27F82E

#952BD7

#3AB5E9

#AE2AFB

#3AB5E9

#D72B31

#EAF843

#4EF675

#E14F74

#3AB5E9

#DFC347

#39FB59

#AC43F8

#3AB5E9 を使ったカマイユ

#3AB5E9

#3AB7FF

#44C5EC

#38AFF3

#2FBDEC

#2D9DE1

#3AB5E9

#2C93D2

#40BEE4

#21ACD2

#44ADD0

#27B0DC

#37BEE6

#3AB6F3

#3AB5E9

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

#33AAF3

#3AB5E9

#438DCD

#1AA8C8

#4AD5FF

#3AB5E9

#34B7F8

#22A8D5

#189DDA

#35D9FD

#5297DF

#26C9FF

#40A9EE

#3AB5E9

#1897F1

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

#083345

#1F3138

#3AB5E9

#B2CDD9

#4F859C

#3A5B69

#545B5E

#273E47

#245266

#3AB5E9

#375F70

#366173

#8DC8E0

#5EC1EB

#3AB5E9

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

#3AB5E9

#2A4D5C

#0D77A3

#3AB5E9

#345461

#3C85A3

#4B97B8

#3C6B80

#3AB5E9

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

#3AB5E9

#E93AB5

#B5E93A

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

#E9A83A

#3AB5E9

#E93A40

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

#3AB5E9

#C63AE9

#E96E3A

#5EE93A

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

#3AB5E9

#E96E3A

#3AB5E9

#AFD8E9

#3AB5E9

#194F66

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

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

#3AB5E9

#3AB5E9 の色情報

#3AB5E9 の色相別色一覧

#3AB5E9 の彩度別色一覧

#3AB5E9 の明度別色一覧

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

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

#3AB5E9 を使ったカマイユ

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

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

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

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

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

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

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