Named color · #FAE0C2
Apricot Whisper
Apricot Whisper is #FAE0C2: rgb(250 224 194), hsl(32 85% 87%), oklch(0.92 0.049 71.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Apricot Whisper color name →
#FAE0C2
oklch(0.92 0.049 71.1)
Color conversions
- HEX
- #fae0c2
- RGB
- rgb(250 224 194)
- HSL
- hsl(32 85% 87%)
- HWB
- hwb(32 76% 2%)
- OKLCH
- oklch(0.92 0.049 71.1)
- OKLab
- oklab(0.92 0.016 0.046)
- CIE Lab
- lab(90.77 5.89 18.19)
- LCH
- lch(90.77 19.12 72.1)
- CMYK
- cmyk(0% 10% 22% 2%)
Tints · Shades · Tones
Tints
- FBE3C8
- FBE6CE
- FCE9D4
- FCECDA
- FDF0E1
- FDF3E7
- FEF6ED
- FEF9F3
- FFFCF9
Shades
- D9C3A8
- BAA68F
- 9B8A77
- 7D7060
- 615649
- 463E34
- 2D2720
- 15120E
- 030202
Tones
- EDD6BB
- E1CCB5
- D4C2AE
- C8B9A7
- BBAFA1
- AFA59A
- A39C94
- 97928D
- 8C8986
Color harmonies
Complementary +180°
- FAE0C2
Apricot Whisper
- D2E7FF
≈ Veiling Waterfalls
Analogous -30° +30°
- FAE0C2
Apricot Whisper
- FFDCCF
≈ Glazed Sugar
- EBE6C1
≈ Arctic Daisy
Triadic +120° +240°
- FAE0C2
Apricot Whisper
- C0F0EC
≈ Path to the Sky
- EFDCFD
≈ Lavender Savour
Split-complementary +150° +210°
- FAE0C2
Apricot Whisper
- C2EDFC
≈ Blue Java Banana
- DFE2FF
≈ Stoic White
Tetradic +90° +180° +270°
- FAE0C2
Apricot Whisper
- C9EFDA
≈ Jade Palace
- D2E7FF
≈ Veiling Waterfalls
- FDD9EE
≈ Sweet Sachet
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.50:1 · APCA Lc 90
Best text color: #000000
WCAG 16.50:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--apricot-whisper: #fae0c2;
--apricot-whisper-rgb: 250 224 194;
--apricot-whisper-oklch: oklch(0.92 0.049 71.1);
}
.element {
color: var(--apricot-whisper);
background-color: hsl(32 85% 87%);
border-color: oklch(0.92 0.049 71.1);
}Tailwind CSS v4
@theme {
--color-apricot-whisper: #fae0c2;
--color-apricot-whisper-50: #fef3e6;
--color-apricot-whisper-100: #f2e6d7;
--color-apricot-whisper-200: #e1d2be;
--color-apricot-whisper-300: #c7b49c;
--color-apricot-whisper-400: #b19a7f;
--color-apricot-whisper-500: #9b8163;
--color-apricot-whisper-600: #836d54;
--color-apricot-whisper-700: #695743;
--color-apricot-whisper-800: #4e4030;
--color-apricot-whisper-900: #362c21;
--color-apricot-whisper-950: #211910;
}SCSS
$apricot-whisper: #fae0c2;
$apricot-whisper-rgb: 250, 224, 194;
$apricot-whisper-light: mix(#fff, $apricot-whisper, 20%);
$apricot-whisper-dark: mix(#000, $apricot-whisper, 20%);
.element {
color: $apricot-whisper;
box-shadow: 0 0 0 2px rgba($apricot-whisper, 0.35);
}