Named color · #E5867B
Cultured Rose
Cultured Rose is #E5867B: rgb(229 134 123), hsl(6 67% 69%), oklch(0.719 0.119 27.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Cultured Rose color name →
#E5867B
oklch(0.719 0.119 27.4)
Color conversions
- HEX
- #e5867b
- RGB
- rgb(229 134 123)
- HSL
- hsl(6 67% 69%)
- HWB
- hwb(6 48% 10%)
- OKLCH
- oklch(0.719 0.119 27.4)
- OKLab
- oklab(0.719 0.105 0.055)
- CIE Lab
- lab(66.31 36.42 22.53)
- LCH
- lch(66.31 42.82 31.7)
- CMYK
- cmyk(0% 41% 46% 10%)
Tints · Shades · Tones
Tints
- E99288
- EC9F95
- F0ABA2
- F3B7AF
- F6C3BC
- F8CFC9
- FADBD6
- FCE7E4
- FEF3F1
Shades
- C7746A
- AA625A
- 8E514A
- 72403A
- 58302C
- 3F211E
- 281310
- 120605
- 030101
Tones
- DB867C
- D1867D
- C8867D
- BE857E
- B4857E
- AA847F
- 9F837F
- 95827F
- 8B8180
Color harmonies
Complementary +180°
- E5867B
Cultured Rose
- 1FB9CA
≈ Utopia Beckons
Analogous -30° +30°
- E5867B
Cultured Rose
- DF84A5
≈ Sweet Chrysanthemum
- DC9055
≈ Persian Orange
Triadic +120° +240°
- E5867B
Cultured Rose
- 6EB878
≈ Green Galore
- 83A1EF
≈ Fennel Flower
Split-complementary +150° +210°
- E5867B
Cultured Rose
- 37BCA3
≈ First Post
- 52AFE5
≈ Blue Jeans
Tetradic +90° +180° +270°
- E5867B
Cultured Rose
- 9FAE52
≈ Sour Apple
- 1FB9CA
≈ Utopia Beckons
- AD94E5
≈ Dreamy Candy Forest
Contrast & accessibility
Ag
FailOn white
WCAG 2.61:1 · APCA Lc 51
Ag
AAAOn black
WCAG 8.02:1 · APCA Lc 51
Best text color: #000000
WCAG 8.02:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--cultured-rose: #e5867b;
--cultured-rose-rgb: 229 134 123;
--cultured-rose-oklch: oklch(0.719 0.119 27.4);
}
.element {
color: var(--cultured-rose);
background-color: hsl(6 67% 69%);
border-color: oklch(0.719 0.119 27.4);
}Tailwind CSS v4
@theme {
--color-cultured-rose: #e5867b;
--color-cultured-rose-50: #ffe9e2;
--color-cultured-rose-100: #ffdad1;
--color-cultured-rose-200: #ffc2b7;
--color-cultured-rose-300: #eea094;
--color-cultured-rose-400: #dc8278;
--color-cultured-rose-500: #c96459;
--color-cultured-rose-600: #a9554c;
--color-cultured-rose-700: #88443d;
--color-cultured-rose-800: #65302d;
--color-cultured-rose-900: #47211e;
--color-cultured-rose-950: #2e100e;
}SCSS
$cultured-rose: #e5867b;
$cultured-rose-rgb: 229, 134, 123;
$cultured-rose-light: mix(#fff, $cultured-rose, 20%);
$cultured-rose-dark: mix(#000, $cultured-rose, 20%);
.element {
color: $cultured-rose;
box-shadow: 0 0 0 2px rgba($cultured-rose, 0.35);
}