#5ABCD7

#5ABCD7

#D7755A

#D7755A

コントラスト比

1.46:1

Delta E

79.28

Very Different

50:50 ミックス

#B19B97

カラー値

フォーマット #5ABCD7 #D7755A
HEX #5ABCD7 #D7755A
RGB 90, 188, 215 215, 117, 90
HSL 193.0, 61.0%, 59.8% 13.0, 61.0%, 59.8%
HSV 193.0, 58.1%, 84.3% 13.0, 58.1%, 84.3%
CMYK 58.1%, 12.6%, 0.0%, 15.7% 0.0%, 45.6%, 58.1%, 15.7%
OKLCH 0.7467 0.0992 218.5 0.667 0.1293 36.3

コントラストとアクセシビリティ

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #D7755A → 背景色: #5ABCD7

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #5ABCD7 → 背景色: #D7755A

色差 (Delta E)

79.28 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#5ABCD7 #83B1C1 #9DA6AC #B19B97 #C08F83 #CD826E #D7755A

カラーミキシング

#5ABCD7

100%

#91ACB7

75:25

#B19B97

50:50

#C78978

25:75

#D7755A

100%

CSSグラデーションコード

background: linear-gradient(to right, #5ABCD7, #D7755A);
background: linear-gradient(135deg, #5ABCD7, #D7755A);

各色を詳しく見る

#5ABCD7

カラーの詳細をすべて見る

#D7755A

カラーの詳細をすべて見る

関連する比較