#97EBEE

#97EBEE

#EE9A97

#EE9A97

コントラスト比

1.59:1

Delta E

62.83

Very Different

50:50 ミックス

#CFC4C2

カラー値

フォーマット #97EBEE #EE9A97
HEX #97EBEE #EE9A97
RGB 151, 235, 238 238, 154, 151
HSL 182.1, 71.9%, 76.3% 2.1, 71.9%, 76.3%
HSV 182.1, 36.6%, 93.3% 2.1, 36.6%, 93.3%
CMYK 36.6%, 1.3%, 0.0%, 6.7% 0.0%, 35.3%, 36.6%, 6.7%
OKLCH 0.8877 0.0816 198.7 0.7697 0.1015 21.9

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

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EE9A97 → 背景色: #97EBEE

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

テキスト: #97EBEE → 背景色: #EE9A97

色差 (Delta E)

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

グラデーション

#97EBEE #AEDEDF #C0D1D0 #CFC4C2 #DBB7B3 #E5A9A5 #EE9A97

カラーミキシング

#97EBEE

100%

#B7D8D8

75:25

#CFC4C2

50:50

#E0B0AC

25:75

#EE9A97

100%

CSSグラデーションコード

background: linear-gradient(to right, #97EBEE, #EE9A97);
background: linear-gradient(135deg, #97EBEE, #EE9A97);

各色を詳しく見る

#97EBEE

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

#EE9A97

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

関連する比較