Named color · #EACFC2
Angelico
Angelico is #EACFC2: rgb(234 207 194), hsl(20 49% 84%), oklch(0.874 0.035 47.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Angelico color name →
#EACFC2
oklch(0.874 0.035 47.4)
Color conversions
- HEX
- #eacfc2
- RGB
- rgb(234 207 194)
- HSL
- hsl(20 49% 84%)
- HWB
- hwb(20 76% 8%)
- OKLCH
- oklch(0.874 0.035 47.4)
- OKLab
- oklab(0.874 0.024 0.026)
- CIE Lab
- lab(85.15 8.23 10.12)
- LCH
- lch(85.15 13.05 50.9)
- CMYK
- cmyk(0% 12% 17% 8%)
Tints · Shades · Tones
Tints
- ECD4C8
- EED9CE
- F1DDD4
- F3E2DA
- F5E7E0
- F7ECE6
- F9F0EC
- FBF5F3
- FDFAF9
Shades
- CBB4A8
- AE998F
- 917F77
- 756760
- 5A4F49
- 413834
- 292320
- 13100E
- 030202
Tones
- DFC7BB
- D4BFB4
- C9B7AE
- BEAFA7
- B4A7A0
- A99F9A
- 9F9793
- 948F8D
- 8A8886
Color harmonies
Complementary +180°
- EACFC2
Angelico
- BEDBE8
≈ Pacific Breeze
Analogous -30° +30°
- EACFC2
Angelico
- ECCDCD
≈ Kislev Pink
- E3D3BC
≈ Antique Buff
Triadic +120° +240°
Split-complementary +150° +210°
- EACFC2
Angelico
- BCDDDD
≈ Mech Suit
- C7D7ED
≈ Murano Soft Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.47:1 · APCA Lc 23
Ag
AAAOn black
WCAG 14.20:1 · APCA Lc 81
Best text color: #000000
WCAG 14.20:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--angelico: #eacfc2;
--angelico-rgb: 234 207 194;
--angelico-oklch: oklch(0.874 0.035 47.4);
}
.element {
color: var(--angelico);
background-color: hsl(20 49% 84%);
border-color: oklch(0.874 0.035 47.4);
}Tailwind CSS v4
@theme {
--color-angelico: #eacfc2;
--color-angelico-50: #fef2ec;
--color-angelico-100: #f2e5de;
--color-angelico-200: #e2d0c7;
--color-angelico-300: #c7b3a8;
--color-angelico-400: #b1998d;
--color-angelico-500: #9b8072;
--color-angelico-600: #836c61;
--color-angelico-700: #69564d;
--color-angelico-800: #4d3f38;
--color-angelico-900: #362b27;
--color-angelico-950: #211915;
}SCSS
$angelico: #eacfc2;
$angelico-rgb: 234, 207, 194;
$angelico-light: mix(#fff, $angelico, 20%);
$angelico-dark: mix(#000, $angelico, 20%);
.element {
color: $angelico;
box-shadow: 0 0 0 2px rgba($angelico, 0.35);
}