Nearest named color · #FBEBFA
#FBEBFA
Nearest named color: Strawberry Bonbon
#FBEBFA (rgb(251 235 250), hsl(304 67% 95%), oklch(0.957 0.026 327.7)) is closest to the named color Strawberry Bonbon. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FBEBFA
oklch(0.957 0.026 327.7)
Color conversions
- HEX
- #fbebfa
- RGB
- rgb(251 235 250)
- HSL
- hsl(304 67% 95%)
- HWB
- hwb(304 92% 2%)
- OKLCH
- oklch(0.957 0.026 327.7)
- OKLab
- oklab(0.957 0.022 -0.014)
- CIE Lab
- lab(94.66 7.53 -5.22)
- LCH
- lch(94.66 9.16 325.3)
- CMYK
- cmyk(0% 6% 0% 2%)
Tints · Shades · Tones
Tints
- FBEDFB
- FCEFFB
- FCF1FC
- FDF3FC
- FDF5FD
- FDF7FD
- FEF9FE
- FEFBFE
- FFFDFF
Shades
- DACCD9
- BAAEBA
- 9C919B
- 7E757D
- 615B61
- 464146
- 2D292D
- 151315
- 030303
Tones
- EEE0ED
- E1D5E0
- D5CAD4
- C8BFC7
- BCB4BB
- AFA9AF
- A39FA3
- 979497
- 8C8A8C
Color harmonies
Complementary +180°
- FBEBFA
Strawberry Bonbon
- E6F6E7
≈ Nettle Rash
Analogous -30° +30°
- FBEBFA
Strawberry Bonbon
- F2EEFF
≈ Foundation White
- FFEBF1
≈ Fairy Wings
Triadic +120° +240°
- FBEBFA
Strawberry Bonbon
- F8F0DD
≈ Moonlight White
- DEF6FA
≈ Coastal Breeze
Split-complementary +150° +210°
- FBEBFA
Strawberry Bonbon
- EFF4E0
≈ White Mecca
- DFF7F1
≈ Frosty Mint
Tetradic +90° +180° +270°
- FBEBFA
Strawberry Bonbon
- FFEDE0
≈ Organic Fibre
- E6F6E7
≈ Nettle Rash
- E3F4FF
≈ Kodama White
Contrast & accessibility
Ag
FailOn white
WCAG 1.14:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.36:1 · APCA Lc 98
Best text color: #000000
WCAG 18.36:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--strawberry-bonbon: #fbebfa;
--strawberry-bonbon-rgb: 251 235 250;
--strawberry-bonbon-oklch: oklch(0.957 0.026 327.7);
}
.element {
color: var(--strawberry-bonbon);
background-color: hsl(304 67% 95%);
border-color: oklch(0.957 0.026 327.7);
}Tailwind CSS v4
@theme {
--color-strawberry-bonbon: #fbebfa;
--color-strawberry-bonbon-50: #faf3f9;
--color-strawberry-bonbon-100: #ede5ec;
--color-strawberry-bonbon-200: #dbd0da;
--color-strawberry-bonbon-300: #bfb3be;
--color-strawberry-bonbon-400: #a799a6;
--color-strawberry-bonbon-500: #90808f;
--color-strawberry-bonbon-600: #7a6d79;
--color-strawberry-bonbon-700: #625761;
--color-strawberry-bonbon-800: #473f47;
--color-strawberry-bonbon-900: #312c31;
--color-strawberry-bonbon-950: #1d191d;
}SCSS
$strawberry-bonbon: #fbebfa;
$strawberry-bonbon-rgb: 251, 235, 250;
$strawberry-bonbon-light: mix(#fff, $strawberry-bonbon, 20%);
$strawberry-bonbon-dark: mix(#000, $strawberry-bonbon, 20%);
.element {
color: $strawberry-bonbon;
box-shadow: 0 0 0 2px rgba($strawberry-bonbon, 0.35);
}