#457AE9｜カラーサイト.com

#457AE9 の色情報

#457AE9

画像
HEX	#457AE9
RGB	R:69 G:122 B:233
RGBの割合	R:27.1% G:47.8% B:91.4%
HSV	H:220.6 S:70.4 V:91.4
HSL	H:220.6 S:78.8 L:59.2
CMY	C:72.9 M:52.2 Y:8.6

CMYK	C:70.4 M:47.6 Y:0.0 K:8.6
YCbCr	Y:118.1 Cb:184.6 Cr:96.9
XYZ	X:24.1 Y:21.1 Z:79.9
xyY	x:0.193 y:0.168 Y:21.1

CIE Lab	L:53.0 a:19.0 b*:-61.4
CIE LCh	L:53.0 C:64.3 h:287.2
CIE Luv	L:53.0 u:-21.7 v*:-97.4
Hunter Lab	L:45.9 a:13.5 b:-71.1

#457AE9 の色相別色一覧

#E96245

#E98B45

#E9B445

#E9DD45

#CCE945

#A3E945

#7AE945

#51E945

#45E962

#45E98B

#45E9B4

#45E9DD

#45CCE9

#45A3E9

#457AE9

#4551E9

#6245E9

#8B45E9

#B445E9

#DD45E9

#E945CC

#E945A3

#E9457A

#E94551

#457AE9 の彩度別色一覧

#E8E8E9

#DCE1E9

#D1D9E9

#C5D1E9

#BAC9E9

#AEC1E9

#A2B9E9

#97B1E9

#8BA9E9

#7FA1E9

#749AE9

#6892E9

#5C8AE9

#5182E9

#457AE9

#3972E9

#2E6AE9

#2262E9

#165AE9

#0B53E9

#457AE9 の明度別色一覧

#010204

#050910

#090F1D

#0C162A

#101D37

#142343

#182A50

#1B315D

#1F376A

#233E76

#274583

#2B4B90

#2E529D

#3259A9

#365FB6

#3A66C3

#3D6DD0

#4173DC

#457AE9

#4981F6

#457AE9 を使ったトーンオントーン

#1F274F

#2C5280

#457AE9

#495B94

#5976B8

#3667C4

#33517A

#254191

#17284F

#457AE9

#1561B5

#22384F

#2E4B6E

#304D9E

#457AE9

#457AE9 を使ったトーンイントーン

#B733DA

#FF414F

#457AE9

#C7F635

#51D79E

#CF36FB

#457AE9

#45D275

#CFFD5F

#FD5561

#A8EC31

#3ED77F

#457AE9

#C64FD7

#EC5235

#457AE9 を使ったカマイユ

#4A82F1

#457AE9

#2D6FE6

#4078F8

#5198FF

#4783E1

#3383F8

#5071DA

#457AE9

#4973D2

#3376F8

#2D75E6

#457AE9

#335BDA

#5690EC

#457AE9 を使ったフォカマイユ

#549ADA

#4571D5

#457AE9

#344FE4

#4A7FD7

#5486C5

#6B9FF1

#4F8AC3

#419BFF

#457AE9

#257CFB

#475EDA

#3870DC

#457AE9

#5360FF

#457AE9 を使ったドミナントカラー

#A6B8DE

#2F4980

#457AE9

#071A42

#393E4A

#9EB5E6

#32353B

#457AE9

#2053BD

#D3D8E3

#457AE9

#949FB5

#324A7A

#90AFF0

#ACAFB5

#457AE9 を使ったトライアド

#457AE9

#E9457A

#7AE945

#457AE9 を使ったスプリットコンプリメンタリー

#E7E945

#457AE9

#E97D45

#457AE9 を使ったテトラード

#457AE9

#E945CC

#E9B445

#45E962

#457AE9 を使ったコントラスト

#457AE9

#E9B445

#457AE9

#BAC9E9

#457AE9

#1E3566

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

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

#457AE9

#457AE9 の色情報

#457AE9 の色相別色一覧

#457AE9 の彩度別色一覧

#457AE9 の明度別色一覧

#457AE9 を使ったトーンオントーン

#457AE9 を使ったトーンイントーン

#457AE9 を使ったカマイユ

#457AE9 を使ったフォカマイユ

#457AE9 を使ったドミナントカラー

#457AE9 を使ったトライアド

#457AE9 を使ったスプリットコンプリメンタリー

#457AE9 を使ったテトラード

#457AE9 を使ったコントラスト