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

#3C69B5 の色情報

#3C69B5

画像
HEX	#3C69B5
RGB	R:60 G:105 B:181
RGBの割合	R:23.5% G:41.2% B:71.0%
HSV	H:217.7 S:66.9 V:71.0
HSL	H:217.7 S:50.2 L:47.3
CMY	C:76.5 M:58.8 Y:29.0

CMYK	C:66.9 M:42.0 Y:0.0 K:29.0
YCbCr	Y:102.1 Cb:168.0 Cr:102.8
XYZ	X:15.3 Y:14.4 Z:45.7
xyY	x:0.202 y:0.191 Y:14.4

CIE Lab	L:44.8 a:9.7 b*:-44.9
CIE LCh	L:44.8 C:45.9 h:282.1
CIE Luv	L:44.8 u:-18.8 v*:-67.8
Hunter Lab	L:37.9 a:5.4 b:-44.8

#3C69B5 の色相別色一覧

#B54C3C

#B56A3C

#B5883C

#B5A63C

#A6B53C

#87B53C

#69B53C

#4BB53C

#3CB54C

#3CB56A

#3CB588

#3CB5A6

#3CA6B5

#3C87B5

#3C69B5

#3C4BB5

#4C3CB5

#6A3CB5

#883CB5

#A63CB5

#B53CA6

#B53C87

#B53C69

#B53C4B

#3C69B5 の彩度別色一覧

#B2B3B5

#A9ADB5

#A0A8B5

#97A2B5

#8D9CB5

#8496B5

#7B91B5

#728BB5

#6985B5

#6080B5

#577AB5

#4E74B5

#456FB5

#3C69B5

#3363B5

#2A5EB5

#2158B5

#1852B5

#0F4DB5

#0647B5

#3C69B5 の明度別色一覧

#010103

#05090F

#09101C

#0E1829

#121F36

#162642

#1A2E4F

#1E355C

#233D69

#274475

#2B4B82

#2F538F

#345A9C

#3862A8

#3C69B5

#4070C2

#4478CF

#497FDB

#4D87E8

#518EF5

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

#0E3559

#2D4D7A

#3C69B5

#73A6F5

#335C94

#687ED4

#3C69B5

#1F4473

#0F2145

#80AFF5

#3C69B5

#355573

#0E2659

#6CA1E6

#16458F

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

#8F3DA8

#4CB86D

#C9362F

#ACCC58

#3C69B5

#A245AB

#3C69B5

#48AB6D

#8FAD33

#C9393E

#9FB029

#4DB266

#89369E

#3C69B5

#CC4B4A

#3C69B5 を使ったカマイユ

#39679E

#336AC2

#5577C9

#446FA6

#3C69B5

#3A78C2

#3D5DAD

#3C69B5

#2751A3

#4670B2

#3C60A1

#4B78BF

#3C69B5

#3455A6

#375EBD

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

#3C69B5

#5372BD

#23699E

#2C4296

#2458AB

#5E81D1

#3C69B5

#3056AB

#1B4294

#2479C7

#6089D9

#5E98C7

#264A96

#2551A1

#3C69B5

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

#0A2147

#63738F

#94B0E0

#3C69B5

#79818F

#6784B5

#011D4D

#3C69B5

#093F99

#BCC6D6

#495C7A

#3C69B5

#2A3342

#5B626E

#08214A

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

#3C69B5

#1D6BF0

#596A87

#8EACDE

#072D6B

#3C69B5

#82A5E0

#1B3D75

#3C69B5

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

#3C69B5

#B53C69

#69B53C

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

#B5B03C

#3C69B5

#B5603C

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

#3C69B5

#B53CA6

#B5883C

#3CB54C

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

#3C69B5

#B5883C

#3C69B5

#97A2B5

#3C69B5

#223B66

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

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

#3C69B5

#3C69B5 の色情報

#3C69B5 の色相別色一覧

#3C69B5 の彩度別色一覧

#3C69B5 の明度別色一覧

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

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

#3C69B5 を使ったカマイユ

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

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

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

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

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

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

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