#97F2AB

#97F2AB

#F297DE

#F297DE

コントラスト比

1.52:1

Delta E

99.33

Very Different

50:50 ミックス

#CEC8C6

カラー値

フォーマット #97F2AB #F297DE
HEX #97F2AB #F297DE
RGB 151, 242, 171 242, 151, 222
HSL 133.2, 77.8%, 77.1% 313.2, 77.8%, 77.1%
HSV 133.2, 37.6%, 94.9% 313.2, 37.6%, 94.9%
CMYK 37.6%, 0.0%, 29.3%, 5.1% 0.0%, 37.6%, 8.3%, 5.1%
OKLCH 0.8858 0.1314 150.1 0.7912 0.1399 335.3

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

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F297DE → 背景色: #97F2AB

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

テキスト: #97F2AB → 背景色: #F297DE

色差 (Delta E)

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

グラデーション

#97F2AB #ACE5B4 #BED7BD #CEC8C6 #DBB9CE #E7A9D6 #F297DE

カラーミキシング

#97F2AB

100%

#B6DEB9

75:25

#CEC8C6

50:50

#E1B1D2

25:75

#F297DE

100%

CSSグラデーションコード

background: linear-gradient(to right, #97F2AB, #F297DE);
background: linear-gradient(135deg, #97F2AB, #F297DE);

各色を詳しく見る

#97F2AB

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

#F297DE

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

関連する比較