#B0EC97

#B0EC97

#D397EC

#D397EC

コントラスト比

1.63:1

Delta E

100.92

Very Different

50:50 ミックス

#C8C3C3

カラー値

フォーマット #B0EC97 #D397EC
HEX #B0EC97 #D397EC
RGB 176, 236, 151 211, 151, 236
HSL 102.4, 69.1%, 75.9% 282.4, 69.1%, 75.9%
HSV 102.4, 36.0%, 92.5% 282.4, 36.0%, 92.5%
CMYK 25.4%, 0.0%, 36.0%, 7.5% 10.6%, 36.0%, 0.0%, 7.5%
OKLCH 0.882 0.128 136.8 0.764 0.1339 315.6

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

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D397EC → 背景色: #B0EC97

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

テキスト: #B0EC97 → 背景色: #D397EC

色差 (Delta E)

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

グラデーション

#B0EC97 #BADFA6 #C1D1B5 #C8C3C3 #CDB5D1 #D0A6DF #D397EC

カラーミキシング

#B0EC97

100%

#BED8AE

75:25

#C8C3C3

50:50

#CFAED8

25:75

#D397EC

100%

CSSグラデーションコード

background: linear-gradient(to right, #B0EC97, #D397EC);
background: linear-gradient(135deg, #B0EC97, #D397EC);

各色を詳しく見る

#B0EC97

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

#D397EC

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

関連する比較