Named color · #F5E3E2
Delicacy
Delicacy is #F5E3E2: rgb(245 227 226), hsl(3 49% 92%), oklch(0.93 0.02 21.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Delicacy color name →
#F5E3E2
oklch(0.93 0.02 21.4)
Color conversions
- HEX
- #f5e3e2
- RGB
- rgb(245 227 226)
- HSL
- hsl(3 49% 92%)
- HWB
- hwb(3 89% 4%)
- OKLCH
- oklch(0.93 0.02 21.4)
- OKLab
- oklab(0.93 0.018 0.007)
- CIE Lab
- lab(91.68 6.23 2.82)
- LCH
- lch(91.68 6.84 24.4)
- CMYK
- cmyk(0% 7% 8% 4%)
Tints · Shades · Tones
Tints
- F6E6E5
- F7E9E8
- F8EBEB
- F9EEEE
- FAF1F0
- FBF4F3
- FCF7F6
- FDF9F9
- FEFCFC
Shades
- D5C5C4
- B6A8A8
- 988C8C
- 7B7171
- 5F5757
- 443F3E
- 2B2727
- 151212
- 030303
Tones
- E9D9D8
- DDCECE
- D1C4C4
- C5BABA
- B9B0B0
- ADA6A6
- A29D9C
- 969393
- 8B8989
Color harmonies
Complementary +180°
- F5E3E2
Delicacy
- D9ECED
≈ Water Squirt
Analogous -30° +30°
- F5E3E2
Delicacy
- F3E3E9
≈ Pink Amour
- F3E5DC
≈ Fair Pink
Triadic +120° +240°
- F5E3E2
Delicacy
- E1EBDF
≈ Loggia Lights
- E1E8F6
≈ Harbour Afternoon
Split-complementary +150° +210°
- F5E3E2
Delicacy
- DCECE6
≈ Waterscape
- DBEBF3
≈ Ice Fishing
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.23:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.96:1 · APCA Lc 92
Best text color: #000000
WCAG 16.96:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--delicacy: #f5e3e2;
--delicacy-rgb: 245 227 226;
--delicacy-oklch: oklch(0.93 0.02 21.4);
}
.element {
color: var(--delicacy);
background-color: hsl(3 49% 92%);
border-color: oklch(0.93 0.02 21.4);
}Tailwind CSS v4
@theme {
--color-delicacy: #f5e3e2;
--color-delicacy-50: #fbf3f2;
--color-delicacy-100: #eee5e5;
--color-delicacy-200: #ddd1d0;
--color-delicacy-300: #c1b4b2;
--color-delicacy-400: #aa9a99;
--color-delicacy-500: #938180;
--color-delicacy-600: #7c6d6d;
--color-delicacy-700: #645757;
--color-delicacy-800: #494040;
--color-delicacy-900: #332c2c;
--color-delicacy-950: #1e1919;
}SCSS
$delicacy: #f5e3e2;
$delicacy-rgb: 245, 227, 226;
$delicacy-light: mix(#fff, $delicacy, 20%);
$delicacy-dark: mix(#000, $delicacy, 20%);
.element {
color: $delicacy;
box-shadow: 0 0 0 2px rgba($delicacy, 0.35);
}