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

#3A6CF2 の色情報

#3A6CF2

画像
HEX	#3A6CF2
RGB	R:58 G:108 B:242
RGBの割合	R:22.7% G:42.4% B:94.9%
HSV	H:223.7 S:76.0 V:94.9
HSL	H:223.7 S:87.6 L:58.8
CMY	C:77.3 M:57.6 Y:5.1

CMYK	C:76.0 M:55.4 Y:0.0 K:5.1
YCbCr	Y:109.1 Cb:194.2 Cr:96.5
XYZ	X:23.1 Y:18.0 Z:86.3
xyY	x:0.182 y:0.142 Y:18.0

CIE Lab	L:49.5 a:29.7 b*:-72.1
CIE LCh	L:49.5 C:77.9 h:292.4
CIE Luv	L:49.5 u:-19.6 v*:-112.4
Hunter Lab	L:42.5 a:22.9 b:-90.7

#3A6CF2 の色相別色一覧

#F2643A

#F2923A

#F2C03A

#F2EE3A

#C8F23A

#9AF23A

#6CF23A

#3EF23A

#3AF264

#3AF292

#3AF2C0

#3AF2EE

#3AC8F2

#3A9AF2

#3A6CF2

#3A3EF2

#643AF2

#923AF2

#C03AF2

#EE3AF2

#F23AC8

#F23A9A

#F23A6C

#F23A3E

#3A6CF2 の彩度別色一覧

#F0F0F2

#E3E7F2

#D7DFF2

#CBD6F2

#BFCDF2

#B3C4F2

#A7BBF2

#9BB2F2

#8FAAF2

#83A1F2

#7798F2

#6A8FF2

#5E86F2

#527EF2

#4675F2

#3A6CF2

#2E63F2

#225AF2

#1652F2

#0A49F2

#3A6CF2 の明度別色一覧

#03060D

#060B19

#091126

#0C1733

#0F1C40

#12224C

#152859

#182D66

#1B3373

#1E397F

#223E8C

#254499

#284AA6

#2B50B2

#2E55BF

#315BCC

#3461D9

#3766E5

#3A6CF2

#3D72FF

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

#0A1F7A

#3A6CF2

#04164A

#063599

#3547CC

#3A6CF2

#192852

#0A25A6

#3F51BF

#19376B

#243DA6

#0855BF

#3A6CF2

#0E174A

#0E296B

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

#FF5760

#3A6CF2

#31F779

#C5DE31

#CE4CE0

#BE26DE

#3A6CF2

#2FEA82

#FA4B4F

#AAE539

#C12FEA

#D2E827

#38FF73

#E83D35

#3A6CF2

#3A6CF2 を使ったカマイユ

#457EFF

#3A6CF2

#4C82F5

#2565D9

#296EFF

#427FFF

#497BED

#3A6CF2

#4C7AFF

#2553E8

#3F73D9

#4F82FF

#3A6CF2

#3F69E3

#508CFA

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

#155DCE

#3A6CF2

#197AFF

#1769FF

#2958CC

#2673FF

#3758FA

#293CFF

#3A6CF2

#3A4FD1

#427FCE

#598FFF

#1474CC

#3A6CF2

#3566FF

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

#222C45

#243666

#3A6CF2

#3A4359

#3D4F80

#1852ED

#0A48F0

#1040C2

#3A6CF2

#072678

#9FB1E0

#545C73

#0A36AB

#3A6CF2

#3D4047

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

#3A6CF2

#0C2463

#637CBF

#2F3C61

#3A6CF2

#0E38AB

#768ECC

#293966

#3A6CF2

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

#3A6CF2

#F23A6C

#6CF23A

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

#E7F23A

#3A6CF2

#F2833A

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

#3A6CF2

#F23AC8

#F2C03A

#3AF264

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

#3A6CF2

#F2C03A

#3A6CF2

#B3C4F2

#3A6CF2

#182E66

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

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

#3A6CF2

#3A6CF2 の色情報

#3A6CF2 の色相別色一覧

#3A6CF2 の彩度別色一覧

#3A6CF2 の明度別色一覧

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

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

#3A6CF2 を使ったカマイユ

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

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

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

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

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

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

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