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

#3CA5E9 の色情報

#3CA5E9

画像
HEX	#3CA5E9
RGB	R:60 G:165 B:233
RGBの割合	R:23.5% G:64.7% B:91.4%
HSV	H:203.6 S:74.2 V:91.4
HSL	H:203.6 S:79.7 L:57.5
CMY	C:76.5 M:35.3 Y:8.6

CMYK	C:74.2 M:29.2 Y:0.0 K:8.6
YCbCr	Y:137.4 Cb:173.4 Cr:77.1
XYZ	X:30.0 Y:33.8 Z:82.0
xyY	x:0.206 y:0.231 Y:33.8

CIE Lab	L:64.8 a:-7.6 b*:-42.7
CIE LCh	L:64.8 C:43.4 h:259.9
CIE Luv	L:64.8 u:-37.4 v*:-67.4
Hunter Lab	L:58.1 a:-9.4 b:-43.0

#3CA5E9 の色相別色一覧

#E9553C

#E9803C

#E9AB3C

#E9D73C

#D0E93C

#A5E93C

#7AE93C

#4FE93C

#3CE955

#3CE980

#3CE9AB

#3CE9D7

#3CD0E9

#3CA5E9

#3C7AE9

#3C4FE9

#553CE9

#803CE9

#AB3CE9

#D73CE9

#E93CD0

#E93CA5

#E93C7A

#E93C4E

#3CA5E9 の彩度別色一覧

#DFE5E9

#D3E1E9

#C8DCE9

#BCD7E9

#B1D3E9

#A5CEE9

#99CAE9

#8EC5E9

#82C0E9

#76BCE9

#6BB7E9

#5FB3E9

#53AEE9

#48AAE9

#3CA5E9

#30A0E9

#259CE9

#1997E9

#0D93E9

#028EE9

#3CA5E9 の明度別色一覧

#010204

#040C10

#07151D

#0B1E2A

#0E2737

#113043

#153950

#18425D

#1B4B6A

#1E5476

#225D83

#256690

#286F9D

#2C78A9

#2F81B6

#328AC3

#3593D0

#399CDC

#3CA5E9

#3FAEF6

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

#14769C

#17394D

#3CA5E9

#3D7AB5

#375A78

#053A5C

#3D9DBF

#3CA5E9

#2C5475

#24709E

#3CA5E9

#073747

#1E516B

#256F9C

#508CBF

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

#D2B13E

#E6377E

#56F14A

#3CA5E9

#904ADC

#F6FF35

#C22AFB

#3CA5E9

#E64057

#38F871

#33E16F

#B03BD5

#D5FD49

#3CA5E9

#DA4C4F

#3CA5E9 を使ったカマイユ

#3CA5E9

#43A8F3

#228BDA

#4FB9F1

#3FA2DA

#54C7FF

#3CA5E9

#4CC2FF

#4DBDF3

#2C87D5

#28A7FF

#3CA5E9

#2DBBFF

#55B7EE

#459AE1

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

#63E3FF

#30C9FF

#3E8ED2

#32D4FB

#3CA5E9

#378DF3

#63D4FF

#3CA5E9

#2C90D5

#497BC5

#3CA5E9

#1FA7D2

#3A7CF3

#4D85DC

#2677E4

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

#3B3E40

#97B4C7

#3CA5E9

#C6E3F5

#A8D2ED

#3CA5E9

#324754

#C3D6E3

#073F63

#5E99BF

#3CA5E9

#345A73

#7ACBFF

#48708A

#3B6480

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

#3CA5E9

#315F7D

#548DB3

#74AACC

#3CA5E9

#0A3D5E

#3CA5E9

#45657A

#467B9E

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

#3CA5E9

#E93CA5

#A5E93C

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

#E9BA3C

#3CA5E9

#E9463C

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

#3CA5E9

#D73CE9

#E9803C

#4EE93C

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

#3CA5E9

#E9803C

#3CA5E9

#B1D3E9

#3CA5E9

#1A4866

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

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

#3CA5E9

#3CA5E9 の色情報

#3CA5E9 の色相別色一覧

#3CA5E9 の彩度別色一覧

#3CA5E9 の明度別色一覧

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

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

#3CA5E9 を使ったカマイユ

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

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

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

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

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

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

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