#3696C0｜カラーサイト.com

#3696C0 の色情報

#3696C0

画像
HEX	#3696C0
RGB	R:54 G:150 B:192
RGBの割合	R:21.2% G:58.8% B:75.3%
HSV	H:198.3 S:71.9 V:75.3
HSL	H:198.3 S:56.1 L:48.2
CMY	C:78.8 M:41.2 Y:24.7

CMYK	C:71.9 M:21.9 Y:0.0 K:24.7
YCbCr	Y:124.3 Cb:160.6 Cr:82.9
XYZ	X:21.9 Y:26.4 Z:53.8
xyY	x:0.215 y:0.258 Y:26.4

CIE Lab	L:58.4 a:-14.0 b*:-29.8
CIE LCh	L:58.4 C:33.0 h:244.8
CIE Luv	L:58.4 u:-35.3 v*:-44.2
Hunter Lab	L:51.4 a:-13.7 b:-26.1

#3696C0 の色相別色一覧

#C03E36

#C06036

#C08336

#C0A536

#B9C036

#96C036

#74C036

#51C036

#36C03E

#36C060

#36C083

#36C0A5

#36B9C0

#3696C0

#3674C0

#3651C0

#3E36C0

#6036C0

#8336C0

#A536C0

#C036B9

#C03696

#C03674

#C03651

#3696C0 の彩度別色一覧

#BCBFC0

#B3BCC0

#A9B9C0

#A0B6C0

#96B3C0

#8CB0C0

#83ADC0

#79AAC0

#70A8C0

#66A5C0

#5CA2C0

#539FC0

#499CC0

#4099C0

#3696C0

#2C93C0

#2390C0

#198DC0

#108AC0

#0687C0

#3696C0 の明度別色一覧

#000101

#040B0E

#07151A

#0B1E27

#0F2834

#123241

#163C4D

#19465A

#1D5067

#205A74

#246480

#286E8D

#2B789A

#2F82A7

#328CB3

#3696C0

#3AA0CD

#3DAADA

#41B4E6

#44BEF3

#3696C0 を使ったトーンオントーン

#275259

#2F689C

#265C6B

#159DE3

#3696C0

#183E4A

#135F80

#3696C0

#107791

#49A0E3

#67CAF5

#235C7D

#137E8F

#0C424D

#3696C0

#3696C0 を使ったトーンイントーン

#3696C0

#40C87E

#9245BB

#9BBD2C

#BD2622

#AC9635

#3696C0

#7940C8

#DA4C99

#41A732

#67D730

#AE8641

#C5268A

#713ED4

#3696C0

#3696C0 を使ったカマイユ

#1F86AC

#2695D2

#3794B1

#4394BD

#3696C0

#338BAE

#3279A7

#40A5C8

#3696C0

#259BC3

#3489AC

#3696C0

#48A5C3

#4AAFD2

#3F85A7

#3696C0 を使ったフォカマイユ

#22719A

#357BCD

#3696C0

#4AA7B8

#1CA3D2

#18A3B3

#2E869A

#3696C0

#1DA6B3

#34A5C8

#2362A7

#3696C0

#51C6CF

#24A0A9

#4097A9

#3696C0 を使ったドミナントカラー

#3696C0

#1F3D4A

#0EA7EB

#5496B3

#39535E

#084F6E

#3696C0

#4386A3

#25607A

#275366

#656D70

#015D85

#108CC2

#2484AD

#3696C0

#3696C0 を使ったアイデンティティ

#3696C0

#9BCADE

#36708A

#29B5F2

#4F6A75

#3696C0

#7ECFF2

#3696C0

#306075

#3696C0 を使ったトライアド

#3696C0

#C03696

#96C036

#3696C0 を使ったスプリットコンプリメンタリー

#C08E36

#3696C0

#C0363A

#3696C0 を使ったテトラード

#3696C0

#A536C0

#C06036

#51C036

#3696C0 を使ったコントラスト

#3696C0

#C06036

#3696C0

#96B3C0

#3696C0

#1D5066

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

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

#3696C0

#3696C0 の色情報

#3696C0 の色相別色一覧

#3696C0 の彩度別色一覧

#3696C0 の明度別色一覧

#3696C0 を使ったトーンオントーン

#3696C0 を使ったトーンイントーン

#3696C0 を使ったカマイユ

#3696C0 を使ったフォカマイユ

#3696C0 を使ったドミナントカラー

#3696C0 を使ったアイデンティティ

#3696C0 を使ったトライアド

#3696C0 を使ったスプリットコンプリメンタリー

#3696C0 を使ったテトラード

#3696C0 を使ったコントラスト