#89FCDC

#89FCDC

#FC89A9

#FC89A9

コントラスト比

1.83:1

Delta E

89.72

Very Different

50:50 ミックス

#D3C7C2

カラー値

フォーマット #89FCDC #FC89A9
HEX #89FCDC #FC89A9
RGB 137, 252, 220 252, 137, 169
HSL 163.3, 95.0%, 76.3% 343.3, 95.0%, 76.3%
HSV 163.3, 45.6%, 98.8% 343.3, 45.6%, 98.8%
CMYK 45.6%, 0.0%, 12.7%, 1.2% 0.0%, 45.6%, 32.9%, 1.2%
OKLCH 0.9141 0.1154 173.5 0.764 0.1428 3.3

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

1.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FC89A9 → 背景色: #89FCDC

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

テキスト: #89FCDC → 背景色: #FC89A9

色差 (Delta E)

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

グラデーション

#89FCDC #A9EBD3 #C0D9CB #D3C7C2 #E3B4BA #F19FB1 #FC89A9

カラーミキシング

#89FCDC

100%

#B5E2CF

75:25

#D3C7C2

50:50

#EAAAB5

25:75

#FC89A9

100%

CSSグラデーションコード

background: linear-gradient(to right, #89FCDC, #FC89A9);
background: linear-gradient(135deg, #89FCDC, #FC89A9);

各色を詳しく見る

#89FCDC

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

#FC89A9

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

関連する比較