#AFED76

#AFED76

#B476ED

#B476ED

コントラスト比

2.25:1

Delta E

135.85

Very Different

50:50 ミックス

#BDB4B6

カラー値

フォーマット #AFED76 #B476ED
HEX #AFED76 #B476ED
RGB 175, 237, 118 180, 118, 237
HSL 91.3, 76.8%, 69.6% 271.3, 76.8%, 69.6%
HSV 91.3, 50.2%, 92.9% 271.3, 50.2%, 92.9%
CMYK 26.2%, 0.0%, 50.2%, 7.1% 24.1%, 50.2%, 0.0%, 7.1%
OKLCH 0.8786 0.1631 131.7 0.6795 0.1776 306.3

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

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B476ED → 背景色: #AFED76

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

テキスト: #AFED76 → 背景色: #B476ED

色差 (Delta E)

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

グラデーション

#AFED76 #B6DA8D #BBC7A2 #BDB4B6 #BCA0C9 #B98CDB #B476ED

カラーミキシング

#AFED76

100%

#B9D198

75:25

#BDB4B6

50:50

#BB96D2

25:75

#B476ED

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFED76, #B476ED);
background: linear-gradient(135deg, #AFED76, #B476ED);

各色を詳しく見る

#AFED76

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

#B476ED

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

関連する比較