#BEEC99

#BEEC99

#C799EC

#C799EC

コントラスト比

1.7:1

Delta E

95.65

Very Different

50:50 ミックス

#C8C4C4

カラー値

フォーマット #BEEC99 #C799EC
HEX #BEEC99 #C799EC
RGB 190, 236, 153 199, 153, 236
HSL 93.3, 68.6%, 76.3% 273.3, 68.6%, 76.3%
HSV 93.3, 35.2%, 92.5% 273.3, 35.2%, 92.5%
CMYK 19.5%, 0.0%, 35.2%, 7.5% 15.7%, 35.2%, 0.0%, 7.5%
OKLCH 0.8912 0.1187 132.0 0.7557 0.1254 309.0

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

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C799EC → 背景色: #BEEC99

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

テキスト: #BEEC99 → 背景色: #C799EC

色差 (Delta E)

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

グラデーション

#BEEC99 #C3DFA8 #C6D1B7 #C8C4C4 #C9B6D2 #C8A8DF #C799EC

カラーミキシング

#BEEC99

100%

#C4D8AF

75:25

#C8C4C4

50:50

#C9AFD8

25:75

#C799EC

100%

CSSグラデーションコード

background: linear-gradient(to right, #BEEC99, #C799EC);
background: linear-gradient(135deg, #BEEC99, #C799EC);

各色を詳しく見る

#BEEC99

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

#C799EC

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

関連する比較