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

#3AF6C2 の色情報

#3AF6C2

画像
HEX	#3AF6C2
RGB	R:58 G:246 B:194
RGBの割合	R:22.7% G:96.5% B:76.1%
HSV	H:163.4 S:76.4 V:96.5
HSL	H:163.4 S:91.3 L:59.6
CMY	C:77.3 M:3.5 Y:23.9

CMYK	C:76.4 M:0.0 Y:21.1 K:3.5
YCbCr	Y:173.9 Cb:133.0 Cr:49.2
XYZ	X:44.4 Y:70.7 Z:62.3
xyY	x:0.250 y:0.398 Y:70.7

CIE Lab	L:87.3 a:-57.4 b*:12.1
CIE LCh	L:87.3 C:58.6 h:168.1
CIE Luv	L:87.3 u:-68.5 v*:27.5
Hunter Lab	L:84.1 a:-52.8 b:14.9

#3AF6C2 の色相別色一覧

#F6643A

#F6933A

#F6C23A

#F6F13A

#CCF63A

#9DF63A

#6EF63A

#3FF63A

#3AF664

#3AF693

#3AF6C2

#3AF6F1

#3ACCF6

#3A9DF6

#3A6EF6

#3A3FF6

#643AF6

#933AF6

#C23AF6

#F13AF6

#F63ACC

#F63A9D

#F63A6E

#F63A3F

#3AF6C2 の彩度別色一覧

#F3F6F5

#E6F6F2

#DAF6EE

#CEF6EB

#C1F6E7

#B5F6E4

#A9F6E1

#9CF6DD

#90F6DA

#84F6D6

#78F6D3

#6BF6D0

#5FF6CC

#53F6C9

#46F6C5

#3AF6C2

#2EF6BF

#21F6BB

#15F6B8

#09F6B4

#3AF6C2 の明度別色一覧

#010403

#04110D

#071D17

#0A2A21

#0D372B

#104435

#13503F

#165D49

#196A53

#1C775D

#1F8368

#229072

#259D7C

#28AA86

#2BB690

#2EC39A

#31D0A4

#34DDAE

#37E9B8

#3AF6C2

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

#3E9C90

#1D7863

#174A3C

#3AF6C2

#30C4A5

#299981

#286E66

#3AF6C2

#07C480

#1D5449

#0E5448

#06A67A

#077857

#3AF6C2

#40BFA7

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

#3AF6C2

#F7FF37

#EE4EF9

#E9272C

#4B76FE

#EA3CEC

#3AF6C2

#B8FB3E

#4D54F3

#FF7144

#FF46DC

#6AE240

#3AF6C2

#E78D4B

#5146FF

#3AF6C2 を使ったカマイユ

#3AF6C2

#50FEBF

#4ADDAD

#24E4A8

#41FEBA

#4EEECA

#4ADDB6

#32FFD7

#3AF6C2

#4CE9B9

#23FFD4

#3AF6C2

#4BFFCA

#4AECCD

#47E7B5

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

#3AF6C2

#42E795

#5DF1BC

#1BE9E0

#50D091

#23E2D3

#2DFFB7

#25DDBC

#3AF6C2

#25FFD5

#2BDAAF

#3AF6C2

#2BE7B9

#60FFEE

#25FFB1

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

#3AF6C2

#48B597

#5B8075

#444A48

#C8E8DF

#48E8BC

#9DEDD7

#2A5247

#A3CCC1

#3AF6C2

#278A6E

#357060

#0ABF8D

#104738

#3AF6C2

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

#7BBDAA

#3AF6C2

#077557

#4C8777

#13BF90

#3AF6C2

#3D7A69

#47B395

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

#3AF6C2

#C23AF6

#F6C23A

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

#F6453A

#3AF6C2

#F63AAD

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

#3AF6C2

#643AF6

#F63A6E

#CCF63A

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

#3AF6C2

#F63A6E

#3AF6C2

#B5F6E4

#3AF6C2

#186650

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

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

#3AF6C2

#3AF6C2 の色情報

#3AF6C2 の色相別色一覧

#3AF6C2 の彩度別色一覧

#3AF6C2 の明度別色一覧

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

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

#3AF6C2 を使ったカマイユ

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

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

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

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

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

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

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