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

#5593E2 の色情報

#5593E2

画像
HEX	#5593E2
RGB	R:85 G:147 B:226
RGBの割合	R:33.3% G:57.6% B:88.6%
HSV	H:213.6 S:62.4 V:88.6
HSL	H:213.6 S:70.9 L:61.0
CMY	C:66.7 M:42.4 Y:11.4

CMYK	C:62.4 M:35.0 Y:0.0 K:11.4
YCbCr	Y:134.1 Cb:171.9 Cr:95.2
XYZ	X:27.9 Y:28.3 Z:75.9
xyY	x:0.211 y:0.214 Y:28.3

CIE Lab	L:60.1 a:4.1 b*:-46.1
CIE LCh	L:60.1 C:46.3 h:275.1
CIE Luv	L:60.1 u:-26.4 v*:-73.5
Hunter Lab	L:53.2 a:0.6 b:-47.4

#5593E2 の色相別色一覧

#E25E55

#E28155

#E2A455

#E2C755

#DAE255

#B6E255

#93E255

#70E255

#55E25E

#55E281

#55E2A4

#55E2C7

#55DAE2

#55B6E2

#5593E2

#5570E2

#5E55E2

#8155E2

#A455E2

#C755E2

#E255DA

#E255B6

#E25593

#E25570

#5593E2 の彩度別色一覧

#DDDFE2

#D1D9E2

#C6D2E2

#BBCCE2

#AFC6E2

#A4BFE2

#99B9E2

#8EB3E2

#82ACE2

#77A6E2

#6CA0E2

#6099E2

#5593E2

#4A8DE2

#3E86E2

#3380E2

#287AE2

#1D73E2

#116DE2

#0667E2

#5593E2 の明度別色一覧

#030609

#080E16

#0D1723

#121F30

#17273C

#1B2F49

#203856

#254063

#2A486F

#2F517C

#335989

#386196

#3D6AA2

#4272AF

#477ABC

#4B82C9

#508BD5

#5593E2

#5A9BEF

#5FA4FC

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

#5593E2

#5673A1

#4B89B8

#1D3852

#154E75

#5593E2

#4D799C

#6A95C2

#45677D

#314359

#5890C4

#202D4A

#355191

#5593E2

#234478

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

#41D599

#F16445

#B8DD5E

#DD4DF4

#5593E2

#DC54F9

#47DF9F

#5593E2

#93D050

#EC7867

#D0C663

#B24BDF

#D5435A

#5593E2

#73F17B

#5593E2 を使ったカマイユ

#6AA8DF

#5485D5

#6C9EE7

#5C98D3

#5593E2

#5598FC

#68A4DA

#5287E7

#5593E2

#4F97EC

#5698F1

#3B70C9

#78ABFC

#449DEF

#5593E2

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

#599DC3

#6383CB

#5593E2

#638CDD

#6083C6

#70BBF6

#587FBC

#5593E2

#748CF4

#3557D8

#48A2F4

#45B7EA

#79A7FF

#5593E2

#4C97FF

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

#5593E2

#2461AD

#0C70F0

#505D6E

#89A5C9

#1E5EB0

#1D3D66

#3280E3

#5593E2

#679DE0

#416DA6

#468AE0

#5593E2

#4E6685

#405673

#5593E2 を使ったアイデンティティ

#5593E2

#265794

#01295C

#547094

#133259

#5593E2

#2F66AD

#5593E2

#133C70

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

#5593E2

#E25593

#93E255

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

#E2D355

#5593E2

#E27555

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

#5593E2

#E255DA

#E2A455

#55E25E

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

#5593E2

#E2A455

#5593E2

#C6D2E2

#5593E2

#264266

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

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

#5593E2

#5593E2 の色情報

#5593E2 の色相別色一覧

#5593E2 の彩度別色一覧

#5593E2 の明度別色一覧

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

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

#5593E2 を使ったカマイユ

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

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

#5593E2 を使ったアイデンティティ

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

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

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

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