#4585B0｜カラーサイト.com

#4585B0 の色情報

#4585B0

画像
HEX	#4585B0
RGB	R:69 G:133 B:176
RGBの割合	R:27.1% G:52.2% B:69.0%
HSV	H:204.1 S:60.8 V:69.0
HSL	H:204.1 S:43.7 L:48.0
CMY	C:72.9 M:47.8 Y:31.0

CMYK	C:60.8 M:24.4 Y:0.0 K:31.0
YCbCr	Y:118.0 Cb:156.3 Cr:96.9
XYZ	X:18.7 Y:21.2 Z:44.2
xyY	x:0.222 y:0.252 Y:21.2

CIE Lab	L:53.1 a:-7.3 b*:-28.9
CIE LCh	L:53.1 C:29.8 h:255.8
CIE Luv	L:53.1 u:-26.7 v*:-42.7
Hunter Lab	L:46.0 a:-8.1 b:-24.7

#4585B0 の色相別色一覧

#B05545

#B07045

#B08B45

#B0A645

#A0B045

#85B045

#6AB045

#50B045

#45B055

#45B070

#45B08B

#45B0A6

#45A0B0

#4585B0

#456AB0

#4550B0

#5545B0

#7045B0

#8B45B0

#A645B0

#B045A0

#B04585

#B0456A

#B04550

#4585B0 の彩度別色一覧

#AFAFB0

#A6ACB0

#9DA8B0

#94A5B0

#8BA1B0

#839EB0

#7A9AB0

#7197B0

#6893B0

#5F90B0

#578CB0

#4E89B0

#4585B0

#3C81B0

#337EB0

#2B7AB0

#2277B0

#1973B0

#1070B0

#076CB0

#4585B0 の明度別色一覧

#04080A

#091117

#0E1B24

#132531

#182E3D

#1D384A

#224257

#274B64

#2C5570

#315E7D

#36688A

#3B7297

#407BA3

#4585B0

#4A8FBD

#4F98CA

#54A2D6

#59ACE3

#5EB5F0

#63BFFD

#4585B0 を使ったトーンオントーン

#1C3645

#31537D

#287091

#37B4F7

#4585B0

#426875

#68A4E6

#3E628C

#4585B0

#1B304D

#29527D

#357591

#84CDF7

#4585B0

#2E4459

#4585B0 を使ったトーンイントーン

#339750

#9E42BA

#8B992E

#B5544E

#4585B0

#A6B33B

#4585B0

#45C47F

#884DA1

#AD4D66

#52A84C

#BAAB38

#4585B0

#A33060

#7E46BD

#4585B0 を使ったカマイユ

#4786AD

#4B81B5

#4585B0

#4D83B3

#5188A8

#4A94C2

#4585B0

#518BBF

#4E8AB5

#4077AB

#3B709C

#4585B0

#3F95BD

#5A94C2

#4695C7

#4585B0 を使ったフォカマイユ

#4585B0

#306AC7

#386797

#3161B5

#416CB8

#406F97

#2E8CA3

#5A9CD6

#31748F

#4585B0

#4A7E99

#5483C2

#4585B0

#4C7F97

#446BA6

#4585B0 を使ったドミナントカラー

#4585B0

#156296

#1D89D1

#2085C9

#2F3336

#4A6F87

#4585B0

#5789AB

#6694B3

#D2EAFA

#4585B0

#6D808C

#1884CC

#43A4E6

#133247

#4585B0 を使ったアイデンティティ

#04426B

#83BEE6

#4585B0

#155C8C

#79B7E0

#4585B0

#266087

#4585B0

#2496E3

#4585B0 を使ったトライアド

#4585B0

#B04585

#85B045

#4585B0 を使ったスプリットコンプリメンタリー

#B09445

#4585B0

#B04C45

#4585B0 を使ったテトラード

#4585B0

#A645B0

#B07045

#50B045

#4585B0 を使ったコントラスト

#4585B0

#B07045

#4585B0

#9DA8B0

#4585B0

#64C1FF

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

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

#4585B0

#4585B0 の色情報

#4585B0 の色相別色一覧

#4585B0 の彩度別色一覧

#4585B0 の明度別色一覧

#4585B0 を使ったトーンオントーン

#4585B0 を使ったトーンイントーン

#4585B0 を使ったカマイユ

#4585B0 を使ったフォカマイユ

#4585B0 を使ったドミナントカラー

#4585B0 を使ったアイデンティティ

#4585B0 を使ったトライアド

#4585B0 を使ったスプリットコンプリメンタリー

#4585B0 を使ったテトラード

#4585B0 を使ったコントラスト