Named color · #E6B2A6
Shilo
Shilo is #E6B2A6: rgb(230 178 166), hsl(11 56% 78%), oklch(0.808 0.063 33.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Shilo color name →
#E6B2A6
oklch(0.808 0.063 33.3)
Color conversions
- HEX
- #e6b2a6
- RGB
- rgb(230 178 166)
- HSL
- hsl(11 56% 78%)
- HWB
- hwb(11 65% 10%)
- OKLCH
- oklch(0.808 0.063 33.3)
- OKLab
- oklab(0.808 0.053 0.035)
- CIE Lab
- lab(77.18 18.25 13.82)
- LCH
- lch(77.18 22.89 37.1)
- CMYK
- cmyk(0% 23% 28% 10%)
Tints · Shades · Tones
Tints
- E9BAAF
- ECC1B7
- EEC9C0
- F1D1C9
- F4D8D2
- F6E0DB
- F8E8E4
- FBEFED
- FDF7F6
Shades
- C89A90
- AB837A
- 8E6D65
- 735751
- 59433E
- 402F2B
- 281D1A
- 130C0A
- 030101
Tones
- DCADA2
- D1A89E
- C7A39B
- BD9E97
- B29993
- A8948F
- 9E8F8B
- 948A88
- 8A8584
Color harmonies
Complementary +180°
- E6B2A6
Shilo
- 90CBD9
≈ Baby Motive
Analogous -30° +30°
Triadic +120° +240°
- E6B2A6
Shilo
- A1CDAD
≈ Retro Mint
- B2BEEA
≈ Larkspur Bud
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.86:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.28:1 · APCA Lc 67
Best text color: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--shilo: #e6b2a6;
--shilo-rgb: 230 178 166;
--shilo-oklch: oklch(0.808 0.063 33.3);
}
.element {
color: var(--shilo);
background-color: hsl(11 56% 78%);
border-color: oklch(0.808 0.063 33.3);
}Tailwind CSS v4
@theme {
--color-shilo: #e6b2a6;
--color-shilo-50: #ffefe9;
--color-shilo-100: #fce1da;
--color-shilo-200: #eecbc2;
--color-shilo-300: #d6ada2;
--color-shilo-400: #c19186;
--color-shilo-500: #ac776b;
--color-shilo-600: #91655b;
--color-shilo-700: #755148;
--color-shilo-800: #563a35;
--color-shilo-900: #3c2824;
--color-shilo-950: #261613;
}SCSS
$shilo: #e6b2a6;
$shilo-rgb: 230, 178, 166;
$shilo-light: mix(#fff, $shilo, 20%);
$shilo-dark: mix(#000, $shilo, 20%);
.element {
color: $shilo;
box-shadow: 0 0 0 2px rgba($shilo, 0.35);
}