Named color · #B57770
Earth Rose
Earth Rose is #B57770: rgb(181 119 112), hsl(6 32% 57%), oklch(0.632 0.079 26.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Earth Rose color name →
#B57770
oklch(0.632 0.079 26.6)
Color conversions
- HEX
- #b57770
- RGB
- rgb(181 119 112)
- HSL
- hsl(6 32% 57%)
- HWB
- hwb(6 44% 29%)
- OKLCH
- oklch(0.632 0.079 26.6)
- OKLab
- oklab(0.632 0.071 0.036)
- CIE Lab
- lab(56.57 24.37 14.39)
- LCH
- lch(56.57 28.3 30.6)
- CMYK
- cmyk(0% 34% 38% 29%)
Tints · Shades · Tones
Tints
- BD847D
- C5918B
- CD9F99
- D4ACA7
- DCBAB5
- E3C7C4
- EAD5D2
- F1E3E1
- F8F1F0
Shades
- 9D6760
- 865751
- 6F4743
- 593835
- 442A27
- 301C1A
- 1D100E
- 0C0504
- 020101
Tones
- B07872
- AB7973
- A67A75
- A17B77
- 9C7C78
- 967D7A
- 917E7B
- 8B7F7D
- 867F7E
Color harmonies
Complementary +180°
- B57770
Earth Rose
- 4797A2
≈ Water Carrier
Analogous -30° +30°
- B57770
Earth Rose
- B1758B
≈ Tapestry
- AF7D5A
≈ Dwarf Pony
Triadic +120° +240°
- B57770
Earth Rose
- 6A976D
≈ Rosemary Green
- 7489BA
≈ Wild Blue Yonder
Split-complementary +150° +210°
- B57770
Earth Rose
- 4F9A88
≈ Petrol Green
- 5891B4
≈ Vanity
Tetradic +90° +180° +270°
- B57770
Earth Rose
- 869057
≈ Crocodile Smile
- 4797A2
≈ Water Carrier
- 8E80B4
≈ Bravo!
Contrast & accessibility
Ag
FailOn white
WCAG 3.59:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.83:1 · APCA Lc 38
Best text color: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--earth-rose: #b57770;
--earth-rose-rgb: 181 119 112;
--earth-rose-oklch: oklch(0.632 0.079 26.6);
}
.element {
color: var(--earth-rose);
background-color: hsl(6 32% 57%);
border-color: oklch(0.632 0.079 26.6);
}Tailwind CSS v4
@theme {
--color-earth-rose: #b57770;
--color-earth-rose-50: #ffede8;
--color-earth-rose-100: #ffdfd9;
--color-earth-rose-200: #f5c8c1;
--color-earth-rose-300: #dda9a1;
--color-earth-rose-400: #c98d85;
--color-earth-rose-500: #b5716a;
--color-earth-rose-600: #99605a;
--color-earth-rose-700: #7b4d48;
--color-earth-rose-800: #5b3735;
--color-earth-rose-900: #402624;
--color-earth-rose-950: #281413;
}SCSS
$earth-rose: #b57770;
$earth-rose-rgb: 181, 119, 112;
$earth-rose-light: mix(#fff, $earth-rose, 20%);
$earth-rose-dark: mix(#000, $earth-rose, 20%);
.element {
color: $earth-rose;
box-shadow: 0 0 0 2px rgba($earth-rose, 0.35);
}