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

#5E89A2 の色情報

#5E89A2

画像
HEX	#5E89A2
RGB	R:94 G:137 B:162
RGBの割合	R:36.9% G:53.7% B:63.5%
HSV	H:202.1 S:42.0 V:63.5
HSL	H:202.1 S:26.8 L:50.2
CMY	C:63.1 M:46.3 Y:36.5

CMYK	C:42.0 M:15.4 Y:0.0 K:36.5
YCbCr	Y:125.1 Cb:145.3 Cr:107.3
XYZ	X:20.1 Y:22.9 Z:37.5
xyY	x:0.249 y:0.284 Y:22.9

CIE Lab	L:54.9 a:-8.0 b*:-17.9
CIE LCh	L:54.9 C:19.6 h:245.9
CIE Luv	L:54.9 u:-20.8 v*:-25.4
Hunter Lab	L:47.8 a:-8.8 b:-13.1

#5E89A2 の色相別色一覧

#A2665E

#A2775E

#A2885E

#A2995E

#9AA25E

#89A25E

#78A25E

#67A25E

#5EA266

#5EA277

#5EA288

#5EA299

#5E9AA2

#5E89A2

#5E78A2

#5E67A2

#665EA2

#775EA2

#885EA2

#995EA2

#A25E9A

#A25E89

#A25E78

#A25E67

#5E89A2 の彩度別色一覧

#9FA1A2

#979EA2

#8F9BA2

#8798A2

#7E95A2

#7692A2

#6E8FA2

#668CA2

#5E89A2

#5686A2

#4E83A2

#4680A2

#3E7DA2

#367AA2

#2D77A2

#2574A2

#1D71A2

#156EA2

#0D6BA2

#0568A2

#5E89A2 の明度別色一覧

#050809

#0D1216

#141D23

#1B282F

#23333C

#2A3E49

#324856

#395362

#405E6F

#48697C

#4F7389

#577E95

#5E89A2

#6594AF

#6D9FBC

#74A9C8

#7CB4D5

#83BFE2

#8ACAEF

#92D4FB

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

#253B45

#3F6A75

#5E89A2

#BBE3F0

#7FAACC

#5E89A2

#314247

#6096C4

#A6D4E3

#38566B

#374447

#8BB1CC

#536570

#5E89A2

#98C5E6

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

#AC5B6E

#704B8E

#73AA73

#95884F

#5E89A2

#869A63

#5E89A2

#8A5B9A

#54936F

#AF726B

#70AA66

#98854D

#5E89A2

#9475AF

#9A5268

#5E89A2 を使ったカマイユ

#6590B4

#5B7B89

#64889A

#5E89A2

#5D8398

#4B708B

#5E89A2

#7799AF

#6E9CAF

#688AA7

#547A8E

#6296AC

#739CB6

#61839D

#5E89A2

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

#679AAC

#51A2BC

#5D7B81

#85B6C3

#5E89A2

#596E7C

#7C98B1

#556C7E

#72AAB1

#5E89A2

#86A3C6

#4D7B98

#87A5C1

#5E89A2

#567B9A

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

#5E89A2

#68AFD9

#0A344D

#46AEEB

#678699

#0D3F5C

#84939C

#6D8491

#5E89A2

#6BA5C7

#4F5A61

#3F7B9E

#70ACCF

#3B6075

#5E89A2

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

#73C5F5

#5E89A2

#044B75

#63AFDB

#5E89A2

#124766

#0C82C7

#5E89A2

#184159

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

#5E89A2

#A25E89

#89A25E

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

#A28E5E

#5E89A2

#A2605E

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

#5E89A2

#995EA2

#A2775E

#67A25E

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

#5E89A2

#A2775E

#5E89A2

#0D6BA2

#5E89A2

#94D8FF

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

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

#5E89A2

#5E89A2 の色情報

#5E89A2 の色相別色一覧

#5E89A2 の彩度別色一覧

#5E89A2 の明度別色一覧

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

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

#5E89A2 を使ったカマイユ

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

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

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

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

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

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

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