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

#3AF2F9 の色情報

#3AF2F9

画像
HEX	#3AF2F9
RGB	R:58 G:242 B:249
RGBの割合	R:22.7% G:94.9% B:97.6%
HSV	H:182.2 S:76.7 V:97.6
HSL	H:182.2 S:94.1 L:60.2
CMY	C:77.3 M:5.1 Y:2.4

CMYK	C:76.7 M:2.8 Y:0.0 K:2.4
YCbCr	Y:177.3 Cb:158.3 Cr:46.7
XYZ	X:50.6 Y:71.2 Z:100.7
xyY	x:0.227 y:0.320 Y:71.2

CIE Lab	L:87.6 a:-41.3 b*:-16.2
CIE LCh	L:87.6 C:44.4 h:201.5
CIE Luv	L:87.6 u:-63.3 v*:-19.6
Hunter Lab	L:84.4 a:-40.7 b:-11.7

#3AF2F9 の色相別色一覧

#F9413A

#F9713A

#F9A13A

#F9D03A

#F2F93A

#C2F93A

#93F93A

#63F93A

#3AF941

#3AF971

#3AF9A1

#3AF9D0

#3AF2F9

#3AC2F9

#3A93F9

#3A63F9

#413AF9

#713AF9

#A13AF9

#D03AF9

#F93AF2

#F93AC2

#F93A93

#F93A63

#3AF2F9 の彩度別色一覧

#F5F9F9

#E8F8F9

#DCF8F9

#CFF7F9

#C3F7F9

#B7F7F9

#AAF6F9

#9EF6F9

#91F5F9

#85F5F9

#78F4F9

#6CF4F9

#5FF3F9

#53F3F9

#46F2F9

#3AF2F9

#2EF2F9

#21F1F9

#15F1F9

#08F0F9

#3AF2F9 の明度別色一覧

#020707

#051314

#081F20

#0A2C2D

#0D383A

#104547

#135153

#165D60

#196A6D

#1C767A

#1F8286

#228F93

#259BA0

#28A8AD

#2BB4B9

#2EC0C6

#31CDD3

#34D9E0

#37E6EC

#3AF2F9

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

#49ADC4

#147985

#3AF2F9

#194544

#32919C

#53CFC3

#1A7078

#47A39F

#063E45

#3AF2F9

#26787D

#1E5E5D

#11B7BA

#3AF2F9

#208C96

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

#FFD12A

#3AF2F9

#5231F1

#24FF29

#F13FA7

#FFAE34

#F14C93

#5A33F1

#4BFF46

#3AF2F9

#FF6724

#6B50FF

#FF39D0

#86F420

#3AF2F9

#3AF2F9 を使ったカマイユ

#3AF2F9

#3EEBFF

#3BF1EC

#22FFFC

#2CFFF9

#3AF2F9

#39EDFE

#40EBFF

#20EBEF

#4DDAE7

#4AF4EF

#4DEDFF

#2CE3FC

#22FDFE

#3AF2F9

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

#3ED2DA

#3AF2F9

#27C8FF

#5AF6FF

#5BC9EF

#40FFE3

#44B1D3

#41D9E7

#2CDBFF

#3AF2F9

#51D4EC

#4BD7FF

#1DEBFF

#1DB6EF

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

#337A7D

#264647

#86CED1

#3AF2F9

#456769

#046569

#43F3FA

#3AF2F9

#37C7CC

#073638

#3AF2F9

#A8E3E6

#266D70

#93C7C9

#193738

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

#63ADB0

#3AF2F9

#29696B

#0DD4DB

#5A9799

#3AF2F9

#86BDBF

#2C7F82

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

#3AF2F9

#F93AF2

#F2F93A

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

#F9813A

#3AF2F9

#F93A73

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

#3AF2F9

#A13AF9

#F9413A

#93F93A

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

#3AF2F9

#F9413A

#3AF2F9

#B7F7F9

#3AF2F9

#186366

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

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

#3AF2F9

#3AF2F9 の色情報

#3AF2F9 の色相別色一覧

#3AF2F9 の彩度別色一覧

#3AF2F9 の明度別色一覧

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

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

#3AF2F9 を使ったカマイユ

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

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

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

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

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

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

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