#9AF2AE

#9AF2AE

#F29ADE

#F29ADE

コントラスト比

1.5:1

Delta E

95.67

Very Different

50:50 ミックス

#CECAC7

カラー値

フォーマット #9AF2AE #F29ADE
HEX #9AF2AE #F29ADE
RGB 154, 242, 174 242, 154, 222
HSL 133.6, 77.2%, 77.6% 313.6, 77.2%, 77.6%
HSV 133.6, 36.4%, 94.9% 313.6, 36.4%, 94.9%
CMYK 36.4%, 0.0%, 28.1%, 5.1% 0.0%, 36.4%, 8.3%, 5.1%
OKLCH 0.888 0.1267 150.4 0.7959 0.1348 335.5

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

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F29ADE → 背景色: #9AF2AE

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

テキスト: #9AF2AE → 背景色: #F29ADE

色差 (Delta E)

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

グラデーション

#9AF2AE #AEE5B7 #C0D8BF #CECAC7 #DCBBCF #E7ABD6 #F29ADE

カラーミキシング

#9AF2AE

100%

#B7DEBB

75:25

#CECAC7

50:50

#E2B3D3

25:75

#F29ADE

100%

CSSグラデーションコード

background: linear-gradient(to right, #9AF2AE, #F29ADE);
background: linear-gradient(135deg, #9AF2AE, #F29ADE);

各色を詳しく見る

#9AF2AE

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

#F29ADE

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

関連する比較