#BFCCFF
#BFCCFF
#FFF2BF
#FFF2BF
Color Values
| Format | #BFCCFF | #FFF2BF |
|---|---|---|
| HEX | #BFCCFF | #FFF2BF |
| RGB | 191, 204, 255 | 255, 242, 191 |
| HSL | 227.8, 100.0%, 87.5% | 47.8, 100.0%, 87.5% |
| HSV | 227.8, 25.1%, 100.0% | 47.8, 25.1%, 100.0% |
| CMYK | 25.1%, 20.0%, 0.0%, 0.0% | 0.0%, 5.1%, 25.1%, 0.0% |
| OKLCH | 0.8526 0.0727 273.6 | 0.9591 0.0669 95.4 |
Contrast & Accessibility
1.41:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FFF2BF → Background: #BFCCFF
The quick brown fox jumps over the lazy dog
Text: #BFCCFF → Background: #FFF2BF
Color Difference (Delta E)
55.05
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #BFCCFF, #FFF2BF);
background: linear-gradient(135deg, #BFCCFF, #FFF2BF);