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

#3A7AF2 の色情報

#3A7AF2

画像
HEX	#3A7AF2
RGB	R:58 G:122 B:242
RGBの割合	R:22.7% G:47.8% B:94.9%
HSV	H:219.1 S:76.0 V:94.9
HSL	H:219.1 S:87.6 L:58.8
CMY	C:77.3 M:52.2 Y:5.1

CMYK	C:76.0 M:49.6 Y:0.0 K:5.1
YCbCr	Y:116.1 Cb:190.2 Cr:91.4
XYZ	X:24.7 Y:21.2 Z:86.8
xyY	x:0.186 y:0.160 Y:21.2

CIE Lab	L:53.2 a:20.9 b*:-66.1
CIE LCh	L:53.2 C:69.4 h:287.6
CIE Luv	L:53.2 u:-23.5 v*:-105.0
Hunter Lab	L:46.1 a:15.2 b:-79.4

#3A7AF2 の色相別色一覧

#F2563A

#F2843A

#F2B23A

#F2E03A

#D6F23A

#A8F23A

#7AF23A

#4CF23A

#3AF256

#3AF284

#3AF2B2

#3AF2E0

#3AD6F2

#3AA8F2

#3A7AF2

#3A4CF2

#563AF2

#843AF2

#B23AF2

#E03AF2

#F23AD6

#F23AA8

#F23A7A

#F23A4C

#3A7AF2 の彩度別色一覧

#F0F0F2

#E3E8F2

#D7E1F2

#CBD9F2

#BFD1F2

#B3C9F2

#A7C1F2

#9BB9F2

#8FB1F2

#83A9F2

#77A1F2

#6A9AF2

#5E92F2

#528AF2

#4682F2

#3A7AF2

#2E72F2

#226AF2

#1662F2

#0A5AF2

#3A7AF2 の明度別色一覧

#03060D

#060D19

#091326

#0C1A33

#0F2040

#12264C

#152D59

#183366

#1B3A73

#1E407F

#22478C

#254D99

#2853A6

#2B5AB2

#2E60BF

#3167CC

#346DD9

#3774E5

#3A7AF2

#3D80FF

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

#3A7AF2

#0D67BD

#1A2B70

#031C4A

#4871AB

#4A8CC9

#3A7AF2

#0F56A3

#1C3054

#182873

#3A7AF2

#123E78

#21345C

#335A91

#1560BD

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

#F3FA43

#E83F5D

#33FF7B

#3A7AF2

#BB45E5

#EFFF45

#BD3ADE

#3A7AF2

#FA324F

#2FF754

#3A7AF2

#E8403A

#C340FF

#57FFBF

#C0FF3B

#3A7AF2 を使ったカマイユ

#2A7FF7

#2577EA

#3A7AF2

#235CD9

#4289F5

#2B5CE3

#4E90FC

#478AFF

#4A7EEF

#3A7AF2

#2272E3

#3F7AFC

#3A7AF2

#2054E5

#2B67FF

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

#3A7AF2

#638FFF

#2655FF

#54A1FF

#4571D9

#2D50ED

#3A7AF2

#5470FF

#4573FF

#4A7DFF

#3A7AF2

#1674E0

#5E8EFF

#1D46DE

#1649D9

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

#182E57

#283754

#969FB0

#3A7AF2

#B2CAF7

#4E6794

#5E687A

#3A7AF2

#2259BF

#3C475C

#21365E

#87A8E6

#BDC6D9

#3A7AF2

#424C5E

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

#3A7AF2

#4E6FAD

#495770

#546585

#0C50CF

#3A7AF2

#144DB8

#465C85

#3A7AF2

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

#3A7AF2

#F23A7A

#7AF23A

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

#F2EF3A

#3A7AF2

#F2753A

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

#3A7AF2

#F23AD6

#F2B23A

#3AF256

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

#3A7AF2

#F2B23A

#3A7AF2

#B3C9F2

#3A7AF2

#183366

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

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

#3A7AF2

#3A7AF2 の色情報

#3A7AF2 の色相別色一覧

#3A7AF2 の彩度別色一覧

#3A7AF2 の明度別色一覧

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

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

#3A7AF2 を使ったカマイユ

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

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

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

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

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

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

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