#5674E2｜カラーサイト.com

#5674E2 の色情報

#5674E2

画像
HEX	#5674E2
RGB	R:86 G:116 B:226
RGBの割合	R:33.7% G:45.5% B:88.6%
HSV	H:227.1 S:61.9 V:88.6
HSL	H:227.1 S:70.7 L:61.2
CMY	C:66.3 M:54.5 Y:11.4

CMYK	C:61.9 M:48.7 Y:0.0 K:11.4
YCbCr	Y:118.7 Cb:180.7 Cr:107.0
XYZ	X:23.8 Y:20.0 Z:74.6
xyY	x:0.201 y:0.169 Y:20.0

CIE Lab	L:51.8 a:23.0 b*:-59.4
CIE LCh	L:51.8 C:63.7 h:291.2
CIE Luv	L:51.8 u:-16.0 v*:-94.1
Hunter Lab	L:44.7 a:16.9 b:-67.7

#5674E2 の色相別色一覧

#E25B56

#E27E56

#E2A156

#E2C456

#DDE256

#BAE256

#97E256

#74E256

#56E25B

#56E27E

#56E2A1

#56E2C4

#56DDE2

#56BAE2

#5697E2

#5674E2

#5B56E2

#7E56E2

#A156E2

#C456E2

#E256DD

#E256BA

#E25697

#E25674

#5674E2 の彩度別色一覧

#DEDFE2

#D2D6E2

#C7CDE2

#BCC4E2

#B0BBE2

#A5B2E2

#9AA9E2

#8FA0E2

#8398E2

#788FE2

#6D86E2

#617DE2

#5674E2

#4B6BE2

#3F62E2

#3459E2

#2950E2

#1E48E2

#123FE2

#0736E2

#5674E2 の明度別色一覧

#040509

#080B16

#0D1223

#121830

#171F3C

#1C2549

#212C56

#253363

#2A396F

#2F407C

#344689

#394D96

#3E53A2

#435AAF

#4760BC

#4C67C9

#516DD5

#5674E2

#5B7BEF

#6081FC

#5674E2 を使ったトーンオントーン

#19264D

#5674E2

#6780B5

#565A99

#1E356E

#23459E

#5674E2

#121945

#1C237D

#2744C4

#5674E2

#1F3059

#2D327A

#536DB5

#1F4A8F

#5674E2 を使ったトーンイントーン

#B3DA65

#5674E2

#DB4EE5

#C94E42

#58FCC3

#5674E2

#86DD49

#F660E2

#DD7150

#3AD09A

#44EA7E

#D44CDF

#ACD84E

#5674E2

#DF6948

#5674E2 を使ったカマイユ

#4B73D0

#3D59D8

#5674E2

#4A60DF

#6786EF

#516FCB

#5674E2

#527DEA

#6C8DFC

#7485F6

#4163CB

#566AD8

#5F72DD

#5674E2

#4570E7

#5674E2 を使ったフォカマイユ

#4E5BD8

#5896DD

#4871F9

#6A68D0

#5674E2

#5982F6

#5674E2

#6E9DEA

#5E85D5

#6FAEF6

#5495EA

#3E55DD

#5674E2

#506AF1

#6166D3

#5674E2 を使ったドミナントカラー

#5674E2

#142359

#1A223D

#7487CF

#53608F

#949BB3

#657CCF

#A7ACC2

#42485C

#5674E2

#1745EB

#6982DB

#9299B3

#1F253D

#5674E2 を使ったトライアド

#5674E2

#E25674

#74E256

#5674E2 を使ったスプリットコンプリメンタリー

#D1E256

#5674E2

#E29556

#5674E2 を使ったテトラード

#5674E2

#E256BA

#E2C456

#56E27E

#5674E2 を使ったコントラスト

#5674E2

#E2C456

#5674E2

#C7CDE2

#5674E2

#273466

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

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

#5674E2

#5674E2 の色情報

#5674E2 の色相別色一覧

#5674E2 の彩度別色一覧

#5674E2 の明度別色一覧

#5674E2 を使ったトーンオントーン

#5674E2 を使ったトーンイントーン

#5674E2 を使ったカマイユ

#5674E2 を使ったフォカマイユ

#5674E2 を使ったドミナントカラー

#5674E2 を使ったトライアド

#5674E2 を使ったスプリットコンプリメンタリー

#5674E2 を使ったテトラード

#5674E2 を使ったコントラスト