Named color · #F5E5E1
Discreet Romance
Discreet Romance is #F5E5E1: rgb(245 229 225), hsl(12 50% 92%), oklch(0.934 0.018 34.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Discreet Romance color name →
#F5E5E1
oklch(0.934 0.018 34.3)
Color conversions
- HEX
- #f5e5e1
- RGB
- rgb(245 229 225)
- HSL
- hsl(12 50% 92%)
- HWB
- hwb(12 88% 4%)
- OKLCH
- oklch(0.934 0.018 34.3)
- OKLab
- oklab(0.934 0.015 0.01)
- CIE Lab
- lab(92.15 5.13 4.02)
- LCH
- lch(92.15 6.52 38)
- CMYK
- cmyk(0% 7% 8% 4%)
Tints · Shades · Tones
Tints
- F6E8E4
- F7EAE7
- F8EDEA
- F9EFED
- FAF2F0
- FBF5F3
- FCF7F6
- FDFAF9
- FEFCFC
Shades
- D5C7C4
- B6AAA7
- 988E8B
- 7B7270
- 5F5856
- 443F3E
- 2B2827
- 151212
- 030302
Tones
- E9DAD7
- DDD0CD
- D1C6C3
- C5BBB9
- B9B1AF
- ADA7A6
- A29D9C
- 969393
- 8B8A89
Color harmonies
Complementary +180°
- F5E5E1
Discreet Romance
- DCEDF1
≈ Winter’s Breath
Analogous -30° +30°
- F5E5E1
Discreet Romance
- F5E4E7
≈ First Impression
- F2E7DD
≈ Soothing Pink
Triadic +120° +240°
- F5E5E1
Discreet Romance
- E0EDE4
≈ Wishy-Washy Lichen
- E5E8F6
≈ Icy Lilac
Split-complementary +150° +210°
- F5E5E1
Discreet Romance
- DCEDEA
≈ Tranquil
- DFEBF5
≈ Ice Fishing
Tetradic +90° +180° +270°
- F5E5E1
Discreet Romance
- E6EBDE
≈ Window Pane
- DCEDF1
≈ Winter’s Breath
- ECE6F3
≈ Tranquil Eve
Contrast & accessibility
Ag
FailOn white
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.17:1 · APCA Lc 93
Best text color: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--discreet-romance: #f5e5e1;
--discreet-romance-rgb: 245 229 225;
--discreet-romance-oklch: oklch(0.934 0.018 34.3);
}
.element {
color: var(--discreet-romance);
background-color: hsl(12 50% 92%);
border-color: oklch(0.934 0.018 34.3);
}Tailwind CSS v4
@theme {
--color-discreet-romance: #f5e5e1;
--color-discreet-romance-50: #faf3f1;
--color-discreet-romance-100: #eee6e4;
--color-discreet-romance-200: #dcd2cf;
--color-discreet-romance-300: #c0b4b1;
--color-discreet-romance-400: #a99b97;
--color-discreet-romance-500: #92827e;
--color-discreet-romance-600: #7b6e6b;
--color-discreet-romance-700: #635855;
--color-discreet-romance-800: #49403e;
--color-discreet-romance-900: #322c2b;
--color-discreet-romance-950: #1e1918;
}SCSS
$discreet-romance: #f5e5e1;
$discreet-romance-rgb: 245, 229, 225;
$discreet-romance-light: mix(#fff, $discreet-romance, 20%);
$discreet-romance-dark: mix(#000, $discreet-romance, 20%);
.element {
color: $discreet-romance;
box-shadow: 0 0 0 2px rgba($discreet-romance, 0.35);
}