#545EB2｜カラーサイト.com

#545EB2 の色情報

#545EB2

画像
HEX	#545EB2
RGB	R:84 G:94 B:178
RGBの割合	R:32.9% G:36.9% B:69.8%
HSV	H:233.6 S:52.8 V:69.8
HSL	H:233.6 S:37.9 L:51.4
CMY	C:67.1 M:63.1 Y:30.2

CMYK	C:52.8 M:47.2 Y:0.0 K:30.2
YCbCr	Y:102.4 Cb:166.4 Cr:117.6
XYZ	X:15.7 Y:13.1 Z:43.8
xyY	x:0.216 y:0.180 Y:13.1

CIE Lab	L:42.9 a:20.3 b*:-46.1
CIE LCh	L:42.9 C:50.4 h:293.8
CIE Luv	L:42.9 u:-8.5 v*:-69.9
Hunter Lab	L:36.2 a:14.0 b:-46.4

#545EB2 の色相別色一覧

#B26254

#B27954

#B29154

#B2A854

#A5B254

#8DB254

#76B254

#5EB254

#54B262

#54B279

#54B291

#54B2A8

#54A5B2

#548DB2

#5476B2

#545EB2

#6254B2

#7954B2

#9154B2

#A854B2

#B254A5

#B2548D

#B25476

#B2545E

#545EB2 の彩度別色一覧

#ADAEB2

#A4A6B2

#9B9EB2

#9296B2

#898EB2

#8186B2

#787EB2

#6F76B2

#666EB2

#5D66B2

#545EB2

#4B56B2

#424EB2

#3946B2

#303EB2

#2836B2

#1F2EB2

#1626B2

#0D1EB2

#0416B2

#545EB2 の明度別色一覧

#06060C

#0C0D19

#121426

#181B33

#1E213F

#24284C

#2A2F59

#303666

#363C72

#3C437F

#424A8C

#485199

#4E57A5

#545EB2

#5A65BF

#606BCC

#6672D8

#6C79E5

#7280F2

#7886FF

#545EB2 を使ったトーンオントーン

#6777FA

#545EB2

#4B507A

#2C3347

#617FD6

#333F7D

#8F94ED

#3E408F

#3C3D59

#545EB2

#57678F

#29387D

#5D6CED

#253157

#545EB2

#545EB2 を使ったトーンイントーン

#B767AA

#545EB2

#93AF5D

#46B785

#AD6A59

#545EB2

#B14FB7

#B5635C

#439972

#A2CC6E

#C16E48

#A54690

#67C1B0

#545EB2

#A3C973

#545EB2 を使ったカマイユ

#7383C9

#4348A3

#545EB2

#4C54BA

#3E43A8

#5659A8

#4D57A0

#545EB2

#46559E

#717CC9

#4850AF

#545EB2

#5D5FAF

#4F5EBF

#5256B5

#545EB2 を使ったフォカマイユ

#545EB2

#3E5EC1

#3F5EA5

#6760BC

#3445A0

#3D4EA3

#545EB2

#6572A3

#616AAA

#4D46A5

#3F5796

#757AD1

#545EB2

#4D5AD6

#7C6FC9

#545EB2 を使ったドミナントカラー

#939BDB

#626370

#1A2480

#2F3B99

#545EB2

#707ACC

#5B69E3

#7983DB

#545EB2

#848DDB

#000954

#232536

#3548E6

#545EB2

#33396B

#545EB2 を使ったアイデンティティ

#545EB2

#364BF7

#43486B

#151C59

#3E50E6

#545EB2

#5A5E82

#041BD9

#545EB2 を使ったトライアド

#545EB2

#B2545E

#5EB254

#545EB2 を使ったスプリットコンプリメンタリー

#9DB254

#545EB2

#B28954

#545EB2 を使ったテトラード

#545EB2

#B2548D

#B2A854

#54B279

#545EB2 を使ったコントラスト

#545EB2

#B2A854

#545EB2

#ADAEB2

#545EB2

#7887FF

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

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

#545EB2

#545EB2 の色情報

#545EB2 の色相別色一覧

#545EB2 の彩度別色一覧

#545EB2 の明度別色一覧

#545EB2 を使ったトーンオントーン

#545EB2 を使ったトーンイントーン

#545EB2 を使ったカマイユ

#545EB2 を使ったフォカマイユ

#545EB2 を使ったドミナントカラー

#545EB2 を使ったアイデンティティ

#545EB2 を使ったトライアド

#545EB2 を使ったスプリットコンプリメンタリー

#545EB2 を使ったテトラード

#545EB2 を使ったコントラスト