#B3DF97

#B3DF97

#C397DF

#C397DF

コントラスト比

1.58:1

Delta E

84.73

Very Different

50:50 ミックス

#BFBCBC

カラー値

フォーマット #B3DF97 #C397DF
HEX #B3DF97 #C397DF
RGB 179, 223, 151 195, 151, 223
HSL 96.7, 52.9%, 73.3% 276.7, 52.9%, 73.3%
HSV 96.7, 32.3%, 87.5% 276.7, 32.3%, 87.5%
CMYK 19.7%, 0.0%, 32.3%, 12.5% 12.6%, 32.3%, 0.0%, 12.5%
OKLCH 0.8549 0.1065 133.8 0.7427 0.1115 311.7

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

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C397DF → 背景色: #B3DF97

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

テキスト: #B3DF97 → 背景色: #C397DF

色差 (Delta E)

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

グラデーション

#B3DF97 #B8D3A4 #BCC8B0 #BFBCBC #C2B0C8 #C3A4D4 #C397DF

カラーミキシング

#B3DF97

100%

#BACEAA

75:25

#BFBCBC

50:50

#C2AACE

25:75

#C397DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #B3DF97, #C397DF);
background: linear-gradient(135deg, #B3DF97, #C397DF);

各色を詳しく見る

#B3DF97

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

#C397DF

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

関連する比較