#89D0C5

#89D0C5

#D08994

#D08994

コントラスト比

1.55:1

Delta E

55.52

Very Different

50:50 ミックス

#B5AEAC

カラー値

フォーマット #89D0C5 #D08994
HEX #89D0C5 #D08994
RGB 137, 208, 197 208, 137, 148
HSL 170.7, 43.0%, 67.6% 350.7, 43.0%, 67.6%
HSV 170.7, 34.1%, 81.6% 350.7, 34.1%, 81.6%
CMYK 34.1%, 0.0%, 5.3%, 18.4% 0.0%, 34.1%, 28.8%, 18.4%
OKLCH 0.8075 0.0731 183.7 0.7051 0.0878 9.4

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

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D08994 → 背景色: #89D0C5

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

テキスト: #89D0C5 → 背景色: #D08994

色差 (Delta E)

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

グラデーション

#89D0C5 #9AC5BD #A9BAB4 #B5AEAC #BFA2A4 #C8969C #D08994

カラーミキシング

#89D0C5

100%

#A2BFB8

75:25

#B5AEAC

50:50

#C49CA0

25:75

#D08994

100%

CSSグラデーションコード

background: linear-gradient(to right, #89D0C5, #D08994);
background: linear-gradient(135deg, #89D0C5, #D08994);

各色を詳しく見る

#89D0C5

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

#D08994

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

関連する比較