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

#3CA2F0 の色情報

#3CA2F0

画像
HEX	#3CA2F0
RGB	R:60 G:162 B:240
RGBの割合	R:23.5% G:63.5% B:94.1%
HSV	H:206.0 S:75.0 V:94.1
HSL	H:206.0 S:85.7 L:58.8
CMY	C:76.5 M:36.5 Y:5.9

CMYK	C:75.0 M:32.5 Y:0.0 K:5.9
YCbCr	Y:136.6 Cb:177.3 Cr:77.7
XYZ	X:30.5 Y:33.1 Z:87.2
xyY	x:0.202 y:0.219 Y:33.1

CIE Lab	L:64.2 a:-3.5 b*:-47.4
CIE LCh	L:64.2 C:47.5 h:265.8
CIE Luv	L:64.2 u:-36.1 v*:-75.7
Hunter Lab	L:57.5 a:-6.0 b:-49.6

#3CA2F0 の色相別色一覧

#F05D3C

#F08A3C

#F0B73C

#F0E43C

#CFF03C

#A2F03C

#75F03C

#48F03C

#3CF05D

#3CF08A

#3CF0B7

#3CF0E4

#3CCFF0

#3CA2F0

#3C75F0

#3C48F0

#5D3CF0

#8A3CF0

#B73CF0

#E43CF0

#F03CCF

#F03CA2

#F03C75

#F03C48

#3CA2F0 の彩度別色一覧

#F0F0F0

#E4EBF0

#D8E6F0

#CCE0F0

#C0DBF0

#B4D6F0

#A8D1F0

#9CCCF0

#90C6F0

#84C1F0

#78BCF0

#6CB7F0

#60B2F0

#54ACF0

#48A7F0

#3CA2F0

#309DF0

#2498F0

#1892F0

#0C8DF0

#3CA2F0 の明度別色一覧

#03070B

#061017

#091824

#0C2131

#0F2A3E

#13324A

#163B57

#194364

#1C4C71

#1F557D

#235D8A

#266697

#296EA4

#2C77B0

#2F80BD

#3288CA

#3691D7

#3999E3

#3CA2F0

#3FABFD

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

#406A99

#186885

#3CA2F0

#0E3757

#2370B8

#2C7A96

#193C5E

#3CA2F0

#103C6E

#2684C7

#156C94

#133B4D

#5CAAD1

#325978

#3CA2F0

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

#E6D733

#FA3084

#2BD948

#3CA2F0

#A655F3

#F8434F

#B442FF

#EBE84B

#3CA2F0

#54FF65

#37FA99

#BB4BF3

#D1FD33

#EB2F45

#3CA2F0

#3CA2F0 を使ったカマイユ

#2B9AD7

#4C97E1

#44BCFD

#2FA6EB

#3CA2F0

#4BAEEB

#3AAFF3

#3CA2F0

#4FB0FF

#3CA1E8

#42A7FF

#42A2F5

#44A9E3

#3CA2F0

#4AA7F8

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

#36D3FF

#4BABDC

#41B6D9

#3CA2F0

#5784E6

#459FFF

#3CA2F0

#4794FF

#1D8FCC

#25CBF5

#2AA4EB

#3CA2F0

#21D6FF

#1B8DDE

#57DDFF

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

#3CA2F0

#3091DB

#46A8F2

#4993CC

#2D87CC

#1D7AC2

#1D3E57

#3CA2F0

#1471B8

#35556E

#89939C

#89AFCC

#B3CEE3

#3CA2F0

#5E7A8F

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

#5396C9

#536878

#3CA2F0

#02467A

#70A5CF

#3CA2F0

#578BB3

#0B548C

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

#3CA2F0

#F03CA2

#A2F03C

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

#F0C63C

#3CA2F0

#F04E3C

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

#3CA2F0

#E43CF0

#F08A3C

#48F03C

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

#3CA2F0

#F08A3C

#3CA2F0

#B4D6F0

#3CA2F0

#1A4566

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

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

#3CA2F0

#3CA2F0 の色情報

#3CA2F0 の色相別色一覧

#3CA2F0 の彩度別色一覧

#3CA2F0 の明度別色一覧

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

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

#3CA2F0 を使ったカマイユ

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

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

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

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

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

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

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