#75C9DA

#75C9DA

#DA8675

#DA8675

コントラスト比

1.45:1

Delta E

65.78

Very Different

50:50 ミックス

#B7A9A7

カラー値

フォーマット #75C9DA #DA8675
HEX #75C9DA #DA8675
RGB 117, 201, 218 218, 134, 117
HSL 190.1, 57.7%, 65.7% 10.1, 57.7%, 65.7%
HSV 190.1, 46.3%, 85.5% 10.1, 46.3%, 85.5%
CMYK 46.3%, 7.8%, 0.0%, 14.5% 0.0%, 38.5%, 46.3%, 14.5%
OKLCH 0.7888 0.085 212.1 0.7042 0.1071 32.2

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

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA8675 → 背景色: #75C9DA

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

テキスト: #75C9DA → 背景色: #DA8675

色差 (Delta E)

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

グラデーション

#75C9DA #92BFC9 #A7B4B7 #B7A9A7 #C59E96 #D09285 #DA8675

カラーミキシング

#75C9DA

100%

#9DB9C0

75:25

#B7A9A7

50:50

#CB988E

25:75

#DA8675

100%

CSSグラデーションコード

background: linear-gradient(to right, #75C9DA, #DA8675);
background: linear-gradient(135deg, #75C9DA, #DA8675);

各色を詳しく見る

#75C9DA

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

#DA8675

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

関連する比較