Named color · #F1F3E8
Quiet Whisper
Quiet Whisper is #F1F3E8: rgb(241 243 232), hsl(71 31% 93%), oklch(0.96 0.015 115). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Quiet Whisper color name →
#F1F3E8
oklch(0.96 0.015 115)
Color conversions
- HEX
- #f1f3e8
- RGB
- rgb(241 243 232)
- HSL
- hsl(71 31% 93%)
- HWB
- hwb(71 91% 5%)
- OKLCH
- oklch(0.96 0.015 115)
- OKLab
- oklab(0.96 -0.006 0.013)
- CIE Lab
- lab(95.46 -2.11 5.08)
- LCH
- lch(95.46 5.5 112.6)
- CMYK
- cmyk(1% 0% 5% 5%)
Tints · Shades · Tones
Tints
- F2F4EA
- F4F5ED
- F5F7EF
- F7F8F1
- F8F9F3
- F9FAF6
- FBFBF8
- FCFDFA
- FEFEFD
Shades
- D2D3CA
- B3B4AC
- 959790
- 797A74
- 5D5E59
- 434440
- 2B2B29
- 141413
- 030303
Tones
- E5E7DD
- D9DBD2
- CECFC8
- C2C3BD
- B7B8B3
- ACACA8
- A0A19E
- 969694
- 8B8B8A
Color harmonies
Complementary +180°
- F1F3E8
Quiet Whisper
- F2F0FB
≈ Cloud Break
Analogous -30° +30°
- F1F3E8
Quiet Whisper
- F6F1E7
≈ Cheviot
- ECF4EC
≈ Apple Flower
Triadic +120° +240°
- F1F3E8
Quiet Whisper
- E9F4FA
≈ Kodama White
- FAEEF2
≈ Sentimental Pink
Split-complementary +150° +210°
- F1F3E8
Quiet Whisper
- EDF2FC
≈ Airport
- F7EEF7
≈ Sentimental Pink
Tetradic +90° +180° +270°
- F1F3E8
Quiet Whisper
- E7F5F6
≈ Milky Way
- F2F0FB
≈ Cloud Break
- FCEEED
≈ Voracious White
Contrast & accessibility
Ag
FailOn white
WCAG 1.12:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.72:1 · APCA Lc 99
Best text color: #000000
WCAG 18.72:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--quiet-whisper: #f1f3e8;
--quiet-whisper-rgb: 241 243 232;
--quiet-whisper-oklch: oklch(0.96 0.015 115);
}
.element {
color: var(--quiet-whisper);
background-color: hsl(71 31% 93%);
border-color: oklch(0.96 0.015 115);
}Tailwind CSS v4
@theme {
--color-quiet-whisper: #f1f3e8;
--color-quiet-whisper-50: #f5f6f1;
--color-quiet-whisper-100: #e7e8e3;
--color-quiet-whisper-200: #d3d5ce;
--color-quiet-whisper-300: #b7b8b0;
--color-quiet-whisper-400: #9ea096;
--color-quiet-whisper-500: #86877d;
--color-quiet-whisper-600: #71736a;
--color-quiet-whisper-700: #5a5c54;
--color-quiet-whisper-800: #42433d;
--color-quiet-whisper-900: #2e2e2a;
--color-quiet-whisper-950: #1a1b18;
}SCSS
$quiet-whisper: #f1f3e8;
$quiet-whisper-rgb: 241, 243, 232;
$quiet-whisper-light: mix(#fff, $quiet-whisper, 20%);
$quiet-whisper-dark: mix(#000, $quiet-whisper, 20%);
.element {
color: $quiet-whisper;
box-shadow: 0 0 0 2px rgba($quiet-whisper, 0.35);
}