Nearest named color · #E3CABC
#E3CABC
Nearest named color: Humble Blush
#E3CABC (rgb(227 202 188), hsl(22 41% 81%), oklch(0.856 0.034 51.2)) is closest to the named color Humble Blush. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E3CABC
oklch(0.856 0.034 51.2)
Color conversions
- HEX
- #e3cabc
- RGB
- rgb(227 202 188)
- HSL
- hsl(22 41% 81%)
- HWB
- hwb(22 74% 11%)
- OKLCH
- oklch(0.856 0.034 51.2)
- OKLab
- oklab(0.856 0.021 0.027)
- CIE Lab
- lab(83.17 7.42 10.39)
- LCH
- lch(83.17 12.76 54.5)
- CMYK
- cmyk(0% 11% 17% 11%)
Tints · Shades · Tones
Tints
- E6CFC3
- E9D4C9
- ECDAD0
- EEDFD6
- F1E4DD
- F4EAE4
- F7EFEB
- FAF4F1
- FCFAF8
Shades
- C5AFA3
- A8958B
- 8C7C73
- 71645D
- 574D47
- 3F3732
- 27221F
- 120F0D
- 030202
Tones
- D9C2B6
- CFBBB0
- C4B3AA
- BAACA4
- B0A49E
- A79D98
- 9D9692
- 938E8C
- 898786
Color harmonies
Complementary +180°
- E3CABC
Humble Blush
- BAD4E2
≈ Pale Aqua
Analogous -30° +30°
- E3CABC
Humble Blush
- E6C7C6
≈ Girl Talk
- DBCEB7
≈ Light Raffia
Triadic +120° +240°
- E3CABC
Humble Blush
- BAD7CD
≈ Serene Breeze
- CFCCE5
≈ Foggy Plateau
Split-complementary +150° +210°
- E3CABC
Humble Blush
- B7D7D9
≈ Skylight
- C3D0E7
≈ Paper Elephant
Tetradic +90° +180° +270°
- E3CABC
Humble Blush
- C4D6C1
≈ Apothecary Jar
- BAD4E2
≈ Pale Aqua
- DAC9DE
≈ Hampstead Heath
Contrast & accessibility
Ag
FailOn white
WCAG 1.56:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.44:1 · APCA Lc 77
Best text color: #000000
WCAG 13.44:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--humble-blush: #e3cabc;
--humble-blush-rgb: 227 202 188;
--humble-blush-oklch: oklch(0.856 0.034 51.2);
}
.element {
color: var(--humble-blush);
background-color: hsl(22 41% 81%);
border-color: oklch(0.856 0.034 51.2);
}Tailwind CSS v4
@theme {
--color-humble-blush: #e3cabc;
--color-humble-blush-50: #fef3ec;
--color-humble-blush-100: #f2e5de;
--color-humble-blush-200: #e1d1c7;
--color-humble-blush-300: #c6b3a8;
--color-humble-blush-400: #b0998d;
--color-humble-blush-500: #998072;
--color-humble-blush-600: #826d61;
--color-humble-blush-700: #68574d;
--color-humble-blush-800: #4d3f38;
--color-humble-blush-900: #352b26;
--color-humble-blush-950: #201915;
}SCSS
$humble-blush: #e3cabc;
$humble-blush-rgb: 227, 202, 188;
$humble-blush-light: mix(#fff, $humble-blush, 20%);
$humble-blush-dark: mix(#000, $humble-blush, 20%);
.element {
color: $humble-blush;
box-shadow: 0 0 0 2px rgba($humble-blush, 0.35);
}