Named color · #E8C3BE
Congo
Congo is #E8C3BE: rgb(232 195 190), hsl(7 48% 83%), oklch(0.848 0.043 27.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Congo color name →
#E8C3BE
oklch(0.848 0.043 27.1)
Color conversions
- HEX
- #e8c3be
- RGB
- rgb(232 195 190)
- HSL
- hsl(7 48% 83%)
- HWB
- hwb(7 75% 9%)
- OKLCH
- oklch(0.848 0.043 27.1)
- OKLab
- oklab(0.848 0.038 0.02)
- CIE Lab
- lab(81.95 12.99 7.69)
- LCH
- lch(81.95 15.1 30.6)
- CMYK
- cmyk(0% 16% 18% 9%)
Tints · Shades · Tones
Tints
- EAC9C4
- EDCFCB
- EFD5D1
- F2DBD8
- F4E1DE
- F6E7E5
- F9EDEB
- FBF3F2
- FDF9F8
Shades
- CAA9A5
- AC908C
- 907875
- 74605E
- 594A48
- 403433
- 29201F
- 130E0D
- 030202
Tones
- DDBCB8
- D3B5B1
- C8AEAB
- BDA8A5
- B3A19E
- A99A98
- 9E9492
- 948D8C
- 8A8786
Color harmonies
Complementary +180°
- E8C3BE
Congo
- ADD6DB
≈ Light Jellyfish Blue
Analogous -30° +30°
- E8C3BE
Congo
- E6C2CD
≈ Primrose Pink
- E4C7B2
≈ Novelle Peach
Triadic +120° +240°
- E8C3BE
Congo
- BBD5BD
≈ Surf
- C0CDEA
≈ Maritime
Split-complementary +150° +210°
- E8C3BE
Congo
- B0D7CC
≈ Gemini
- B4D2E6
≈ Chapel Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.61:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.98:1 · APCA Lc 75
Best text color: #000000
WCAG 12.98:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--congo: #e8c3be;
--congo-rgb: 232 195 190;
--congo-oklch: oklch(0.848 0.043 27.1);
}
.element {
color: var(--congo);
background-color: hsl(7 48% 83%);
border-color: oklch(0.848 0.043 27.1);
}Tailwind CSS v4
@theme {
--color-congo: #e8c3be;
--color-congo-50: #fff1ee;
--color-congo-100: #f6e3e0;
--color-congo-200: #e6ceca;
--color-congo-300: #cdb0ab;
--color-congo-400: #b79591;
--color-congo-500: #a17c77;
--color-congo-600: #886965;
--color-congo-700: #6d5450;
--color-congo-800: #503d3b;
--color-congo-900: #382a28;
--color-congo-950: #231716;
}SCSS
$congo: #e8c3be;
$congo-rgb: 232, 195, 190;
$congo-light: mix(#fff, $congo, 20%);
$congo-dark: mix(#000, $congo, 20%);
.element {
color: $congo;
box-shadow: 0 0 0 2px rgba($congo, 0.35);
}