#AEEE98

#AEEE98

#D898EE

#D898EE

コントラスト比

1.61:1

Delta E

102.81

Very Different

50:50 ミックス

#CAC5C5

カラー値

フォーマット #AEEE98 #D898EE
HEX #AEEE98 #D898EE
RGB 174, 238, 152 216, 152, 238
HSL 104.7, 71.7%, 76.5% 284.7, 71.7%, 76.5%
HSV 104.7, 36.1%, 93.3% 284.7, 36.1%, 93.3%
CMYK 26.9%, 0.0%, 36.1%, 6.7% 9.2%, 36.1%, 0.0%, 6.7%
OKLCH 0.8855 0.1311 137.9 0.7716 0.1368 317.2

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

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D898EE → 背景色: #AEEE98

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

テキスト: #AEEE98 → 背景色: #D898EE

色差 (Delta E)

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

グラデーション

#AEEE98 #B9E1A8 #C2D3B7 #CAC5C5 #D0B7D3 #D4A8E1 #D898EE

カラーミキシング

#AEEE98

100%

#BEDAAF

75:25

#CAC5C5

50:50

#D2AFDA

25:75

#D898EE

100%

CSSグラデーションコード

background: linear-gradient(to right, #AEEE98, #D898EE);
background: linear-gradient(135deg, #AEEE98, #D898EE);

各色を詳しく見る

#AEEE98

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

#D898EE

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

関連する比較