Named color · #E6A7AC
Perennial Phlox
Perennial Phlox is #E6A7AC: rgb(230 167 172), hsl(355 56% 78%), oklch(0.789 0.075 13.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Perennial Phlox color name →
#E6A7AC
oklch(0.789 0.075 13.6)
Color conversions
- HEX
- #e6a7ac
- RGB
- rgb(230 167 172)
- HSL
- hsl(355 56% 78%)
- HWB
- hwb(355 65% 10%)
- OKLCH
- oklch(0.789 0.075 13.6)
- OKLab
- oklab(0.789 0.073 0.018)
- CIE Lab
- lab(74.7 24.42 7.1)
- LCH
- lch(74.7 25.43 16.2)
- CMYK
- cmyk(0% 27% 25% 10%)
Tints · Shades · Tones
Tints
- E9B0B4
- ECB8BC
- EFC1C4
- F1CACD
- F4D3D5
- F6DCDD
- F9E4E6
- FBEDEE
- FDF6F6
Shades
- C89195
- AB7B7F
- 8E6669
- 735254
- 593E40
- 402C2D
- 281A1B
- 130A0B
- 030101
Tones
- DCA3A8
- D19FA3
- C79B9F
- BD989A
- B39496
- A99091
- 9E8C8D
- 948889
- 8A8484
Color harmonies
Complementary +180°
- E6A7AC
Perennial Phlox
- 7FCAC8
≈ Blue Green Gem
Analogous -30° +30°
- E6A7AC
Perennial Phlox
- DDA8C6
≈ Pink Beauty
- E4AB94
≈ California Coral
Triadic +120° +240°
- E6A7AC
Perennial Phlox
- A7C594
≈ Gingko
- 99BDEA
≈ Gallery Blue
Split-complementary +150° +210°
- E6A7AC
Perennial Phlox
- 8DCAAD
≈ Sybarite Green
- 84C5DE
≈ Winter Chime
Tetradic +90° +180° +270°
- E6A7AC
Perennial Phlox
- C2BD85
≈ Krieg Khaki
- 7FCAC8
≈ Blue Green Gem
- B3B5E9
≈ Perano
Contrast & accessibility
Ag
FailOn white
WCAG 2.00:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.48:1 · APCA Lc 64
Best text color: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--perennial-phlox: #e6a7ac;
--perennial-phlox-rgb: 230 167 172;
--perennial-phlox-oklch: oklch(0.789 0.075 13.6);
}
.element {
color: var(--perennial-phlox);
background-color: hsl(355 56% 78%);
border-color: oklch(0.789 0.075 13.6);
}Tailwind CSS v4
@theme {
--color-perennial-phlox: #e6a7ac;
--color-perennial-phlox-50: #ffedee;
--color-perennial-phlox-100: #ffdedf;
--color-perennial-phlox-200: #f3c8ca;
--color-perennial-phlox-300: #dba8ab;
--color-perennial-phlox-400: #c68d91;
--color-perennial-phlox-500: #b27177;
--color-perennial-phlox-600: #966065;
--color-perennial-phlox-700: #794d51;
--color-perennial-phlox-800: #59373c;
--color-perennial-phlox-900: #3e2629;
--color-perennial-phlox-950: #271417;
}SCSS
$perennial-phlox: #e6a7ac;
$perennial-phlox-rgb: 230, 167, 172;
$perennial-phlox-light: mix(#fff, $perennial-phlox, 20%);
$perennial-phlox-dark: mix(#000, $perennial-phlox, 20%);
.element {
color: $perennial-phlox;
box-shadow: 0 0 0 2px rgba($perennial-phlox, 0.35);
}