#5D85E2｜カラーサイト.com

#5D85E2 の色情報

#5D85E2

画像
HEX	#5D85E2
RGB	R:93 G:133 B:226
RGBの割合	R:36.5% G:52.2% B:88.6%
HSV	H:222.0 S:58.8 V:88.6
HSL	H:222.0 S:69.6 L:62.5
CMY	C:63.5 M:47.8 Y:11.4

CMYK	C:58.8 M:41.2 Y:0.0 K:11.4
YCbCr	Y:129.1 Cb:174.7 Cr:103.8
XYZ	X:26.6 Y:24.6 Z:75.3
xyY	x:0.210 y:0.194 Y:24.6

CIE Lab	L:56.7 a:13.9 b*:-51.6
CIE LCh	L:56.7 C:53.4 h:285.1
CIE Luv	L:56.7 u:-19.6 v*:-82.6
Hunter Lab	L:49.6 a:9.1 b:-55.3

#5D85E2 の色相別色一覧

#E2785D

#E2995D

#E2BA5D

#E2DB5D

#C8E25D

#A6E25D

#85E25D

#64E25D

#5DE278

#5DE299

#5DE2BA

#5DE2DB

#5DC8E2

#5DA6E2

#5D85E2

#5D64E2

#785DE2

#995DE2

#BA5DE2

#DB5DE2

#E25DC8

#E25DA6

#E25D85

#E25D64

#5D85E2 の彩度別色一覧

#D9DCE2

#CED4E2

#C3CCE2

#B7C4E2

#ACBCE2

#A1B4E2

#96ADE2

#8AA5E2

#7F9DE2

#7495E2

#688DE2

#5D85E2

#527DE2

#4675E2

#3B6DE2

#3065E2

#255DE2

#1956E2

#0E4EE2

#0346E2

#5D85E2 の明度別色一覧

#040509

#090D16

#0E1423

#141C30

#19233C

#1E2B49

#233256

#293A63

#2E416F

#33497C

#385089

#3E5896

#435FA2

#4867AF

#4D6EBC

#5376C9

#587DD5

#5D85E2

#628DEF

#6794FC

#5D85E2 を使ったトーンオントーン

#2E65A3

#2F50B3

#5D85E2

#19274A

#404F7A

#445A96

#28406E

#5687BF

#2E3359

#5D85E2

#2E3857

#406EBD

#374F7A

#5D85E2

#2E4C9E

#5D85E2 を使ったトーンイントーン

#5D85E2

#B7E567

#E66BF1

#58E79B

#E57C75

#D371F4

#D6DD4E

#CB4F58

#5D85E2

#5DD382

#F77DF9

#5D85E2

#50D3B4

#BBFC77

#FCA374

#5D85E2 を使ったカマイユ

#5D85E2

#647FD0

#4E8EF4

#5585D3

#617CCE

#597ECE

#6892EC

#4F84F6

#5C8CE5

#5D85E2

#4781DD

#4D80E7

#6B87EC

#748EEC

#5D85E2 を使ったフォカマイユ

#364ACE

#5D85E2

#6E9ED8

#76A1FF

#7984E7

#4A6FD3

#406FCE

#3C7CD5

#5A93E7

#5D85E2

#8898FC

#619EF9

#607ECB

#7F88E7

#5D85E2 を使ったドミナントカラー

#E1E5ED

#25304A

#6D81B0

#7B8294

#5D85E2

#2B313D

#4C6DBA

#22479C

#5D85E2

#95AEE8

#5D85E2

#304D91

#545659

#0A1A40

#E6EBF5

#5D85E2 を使ったアイデンティティ

#3D66C4

#5D85E2

#1B3C87

#5D85E2

#061F5C

#6782C2

#5D85E2

#5F7096

#183985

#5D85E2 を使ったトライアド

#5D85E2

#E25D85

#85E25D

#5D85E2 を使ったスプリットコンプリメンタリー

#DEE25D

#5D85E2

#E28E5D

#5D85E2 を使ったテトラード

#5D85E2

#E25DC8

#E2BA5D

#5DE278

#5D85E2 を使ったコントラスト

#5D85E2

#E2BA5D

#5D85E2

#CED4E2

#5D85E2

#2A3C66

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

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

#5D85E2

#5D85E2 の色情報

#5D85E2 の色相別色一覧

#5D85E2 の彩度別色一覧

#5D85E2 の明度別色一覧

#5D85E2 を使ったトーンオントーン

#5D85E2 を使ったトーンイントーン

#5D85E2 を使ったカマイユ

#5D85E2 を使ったフォカマイユ

#5D85E2 を使ったドミナントカラー

#5D85E2 を使ったアイデンティティ

#5D85E2 を使ったトライアド

#5D85E2 を使ったスプリットコンプリメンタリー

#5D85E2 を使ったテトラード

#5D85E2 を使ったコントラスト