#9DEADE

#9DEADE

#EA9DA9

#EA9DA9

コントラスト比

1.54:1

Delta E

58.93

Very Different

50:50 ミックス

#CCC5C3

カラー値

フォーマット #9DEADE #EA9DA9
HEX #9DEADE #EA9DA9
RGB 157, 234, 222 234, 157, 169
HSL 170.6, 64.7%, 76.7% 350.6, 64.7%, 76.7%
HSV 170.6, 32.9%, 91.8% 350.6, 32.9%, 91.8%
CMYK 32.9%, 0.0%, 5.1%, 8.2% 0.0%, 32.9%, 27.8%, 8.2%
OKLCH 0.8836 0.0778 183.7 0.7749 0.093 9.2

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

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EA9DA9 → 背景色: #9DEADE

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

テキスト: #9DEADE → 背景色: #EA9DA9

色差 (Delta E)

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

グラデーション

#9DEADE #B0DED5 #BFD2CC #CCC5C3 #D7B8BA #E1ABB2 #EA9DA9

カラーミキシング

#9DEADE

100%

#B8D8D0

75:25

#CCC5C3

50:50

#DDB2B6

25:75

#EA9DA9

100%

CSSグラデーションコード

background: linear-gradient(to right, #9DEADE, #EA9DA9);
background: linear-gradient(135deg, #9DEADE, #EA9DA9);

各色を詳しく見る

#9DEADE

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

#EA9DA9

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

関連する比較