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

#3C96B0 の色情報

#3C96B0

画像
HEX	#3C96B0
RGB	R:60 G:150 B:176
RGBの割合	R:23.5% G:58.8% B:69.0%
HSV	H:193.4 S:65.9 V:69.0
HSL	H:193.4 S:49.2 L:46.3
CMY	C:76.5 M:41.2 Y:31.0

CMYK	C:65.9 M:14.8 Y:0.0 K:31.0
YCbCr	Y:124.3 Cb:152.7 Cr:86.6
XYZ	X:20.6 Y:25.9 Z:45.0
xyY	x:0.225 y:0.283 Y:25.9

CIE Lab	L:57.9 a:-18.4 b*:-21.5
CIE LCh	L:57.9 C:28.3 h:229.4
CIE Luv	L:57.9 u:-35.0 v*:-30.0
Hunter Lab	L:50.9 a:-16.8 b:-16.8

#3C96B0 の色相別色一覧

#B0563C

#B0733C

#B0903C

#B0AD3C

#96B03C

#79B03C

#5CB03C

#3FB03C

#3CB056

#3CB073

#3CB090

#3CB0AD

#3C96B0

#3C79B0

#3C5CB0

#3C3FB0

#563CB0

#733CB0

#903CB0

#AD3CB0

#B03C96

#B03C79

#B03C5C

#B03C3F

#3C96B0 の彩度別色一覧

#AEB0B0

#A6AEB0

#9DACB0

#94AAB0

#8BA8B0

#82A6B0

#7AA4B0

#71A2B0

#68A0B0

#5F9EB0

#569CB0

#4E9AB0

#4598B0

#3C96B0

#3394B0

#2A92B0

#2290B0

#198EB0

#108CB0

#078AB0

#3C96B0 の明度別色一覧

#03090A

#081417

#0C1E24

#112931

#15343D

#193F4A

#1E4A57

#225564

#266070

#2B6B7D

#2F758A

#338097

#388BA3

#3C96B0

#40A1BD

#45ACCA

#49B7D6

#4DC1E3

#52CCF0

#56D7FD

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

#64E1F2

#2493D1

#2E4A54

#174F70

#3C96B0

#1B737A

#3C96B0

#20B2D1

#73B9E6

#2A5057

#58EBFA

#3C627A

#23444A

#3C96B0

#39A2D1

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

#3C96B0

#5F2CA3

#4ABA3A

#BF3058

#AD963D

#B34965

#A5AD39

#7A48AB

#29A841

#3C96B0

#BD4F6E

#339C4D

#A8AB41

#3C96B0

#7141AB

#3C96B0 を使ったカマイユ

#4EA2BD

#4CA3B5

#33A5CA

#267D9E

#3C96B0

#45879C

#2D93AD

#3AA4BF

#3D8DA6

#3C96B0

#3E829C

#488EAB

#3184A3

#3E96AB

#3C96B0

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

#348CA3

#54A4C7

#2CCDCF

#4B98B8

#3C96B0

#4FB0CA

#3C96B0

#26799E

#2A6594

#27AACC

#3C96B0

#45A7B5

#4F86A8

#5091C2

#35A6D4

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

#88D5EB

#2098BA

#3C96B0

#68868F

#033442

#CBD4D6

#386C7A

#66848C

#3C96B0

#0E6680

#757D80

#234954

#3C96B0

#21414A

#12333D

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

#17A7D1

#3C96B0

#2B535E

#3C96B0

#5B818C

#09B2E3

#A9EAFC

#3C96B0

#166880

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

#3C96B0

#B03C96

#96B03C

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

#B07D3C

#3C96B0

#B03C49

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

#3C96B0

#903CB0

#B0563C

#5CB03C

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

#3C96B0

#B0563C

#3C96B0

#94AAB0

#3C96B0

#57D9FF

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

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

#3C96B0

#3C96B0 の色情報

#3C96B0 の色相別色一覧

#3C96B0 の彩度別色一覧

#3C96B0 の明度別色一覧

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

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

#3C96B0 を使ったカマイユ

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

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

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

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

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

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

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