Nearest named color · #FBE2D9
#FBE2D9
Nearest named color: Air-Kiss
#FBE2D9 (rgb(251 226 217), hsl(16 81% 92%), oklch(0.931 0.03 40.9)) is closest to the named color Air-Kiss. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FBE2D9
oklch(0.931 0.03 40.9)
Color conversions
- HEX
- #fbe2d9
- RGB
- rgb(251 226 217)
- HSL
- hsl(16 81% 92%)
- HWB
- hwb(16 85% 2%)
- OKLCH
- oklch(0.931 0.03 40.9)
- OKLab
- oklab(0.931 0.023 0.02)
- CIE Lab
- lab(91.77 7.8 7.7)
- LCH
- lch(91.77 10.96 44.7)
- CMYK
- cmyk(0% 10% 14% 2%)
Tints · Shades · Tones
Tints
- FBE5DD
- FCE8E1
- FCEBE4
- FDEEE8
- FDF0EC
- FEF3F0
- FEF6F4
- FEF9F7
- FFFCFB
Shades
- DAC4BC
- BAA8A1
- 9C8C86
- 7E716C
- 615753
- 463E3B
- 2D2725
- 151211
- 030302
Tones
- EED8D0
- E1CEC7
- D5C4BD
- C8BAB4
- BCB0AB
- B0A6A3
- A39C9A
- 979391
- 8C8989
Color harmonies
Complementary +180°
- FBE2D9
Air-Kiss
- D3EDF6
≈ Blue Hijab
Analogous -30° +30°
- FBE2D9
Air-Kiss
- FCE0E3
≈ Poetic Princess
- F5E5D3
≈ Halogen
Triadic +120° +240°
- FBE2D9
Air-Kiss
- D8EFE2
≈ Spring Dew
- E4E6FD
≈ Lavender Mist
Split-complementary +150° +210°
- FBE2D9
Air-Kiss
- D2EFED
≈ Icy Wind
- DAEAFC
≈ Cloudless
Tetradic +90° +180° +270°
- FBE2D9
Air-Kiss
- E1EDD8
≈ Lime Glow
- D3EDF6
≈ Blue Hijab
- EFE3F7
≈ Minute Mauve
Contrast & accessibility
Ag
FailOn white
WCAG 1.23:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.98:1 · APCA Lc 92
Best text color: #000000
WCAG 16.98:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--air-kiss: #fbe2d9;
--air-kiss-rgb: 251 226 217;
--air-kiss-oklch: oklch(0.931 0.03 40.9);
}
.element {
color: var(--air-kiss);
background-color: hsl(16 81% 92%);
border-color: oklch(0.931 0.03 40.9);
}Tailwind CSS v4
@theme {
--color-air-kiss: #fbe2d9;
--color-air-kiss-50: #fdf3ee;
--color-air-kiss-100: #f1e5e0;
--color-air-kiss-200: #e0d0ca;
--color-air-kiss-300: #c6b3ab;
--color-air-kiss-400: #af9991;
--color-air-kiss-500: #998077;
--color-air-kiss-600: #816c65;
--color-air-kiss-700: #675751;
--color-air-kiss-800: #4c3f3b;
--color-air-kiss-900: #352b28;
--color-air-kiss-950: #201916;
}SCSS
$air-kiss: #fbe2d9;
$air-kiss-rgb: 251, 226, 217;
$air-kiss-light: mix(#fff, $air-kiss, 20%);
$air-kiss-dark: mix(#000, $air-kiss, 20%);
.element {
color: $air-kiss;
box-shadow: 0 0 0 2px rgba($air-kiss, 0.35);
}