Cor nomeada mais próxima · #E0BAAF
#E0BAAF
Cor nomeada mais próxima: Muddy Rose
#E0BAAF (rgb(224 186 175), hsl(13 44% 78%), oklch(0.819 0.047 36.7)) é mais próxima da cor nomeada Muddy Rose. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E0BAAF
oklch(0.819 0.047 36.7)
Conversões de cor
- HEX
- #e0baaf
- RGB
- rgb(224 186 175)
- HSL
- hsl(13 44% 78%)
- HWB
- hwb(13 69% 12%)
- OKLCH
- oklch(0.819 0.047 36.7)
- OKLab
- oklab(0.819 0.037 0.028)
- CIE Lab
- lab(78.69 12.84 10.97)
- LCH
- lch(78.69 16.89 40.5)
- CMYK
- cmyk(0% 17% 22% 12%)
Tons claros · Sombras · Tons
Tons claros
- E3C1B7
- E7C8BF
- EACEC7
- EDD5CE
- F0DCD6
- F3E3DE
- F6EAE7
- F9F1EF
- FCF8F7
Sombras
- C3A198
- A68981
- 8A726B
- 705C56
- 564641
- 3E322E
- 271E1C
- 120D0B
- 020201
Tons
- D6B4AA
- CCAEA5
- C3A8A1
- B9A29C
- AF9D97
- A69793
- 9C918E
- 938B89
- 898685
Harmonias de cor
Complementar +180°
- E0BAAF
Muddy Rose
- A3CCD8
≈ Alpine Morning Blue
Análoga -30° +30°
- E0BAAF
Muddy Rose
- E0B8BF
≈ Grandma’s Pink Tiles
- D9BFA4
≈ Curious Chipmunk
Tríade +120° +240°
- E0BAAF
Muddy Rose
- ACCDB8
≈ Bird’s Egg Green
- BBC2E3
≈ Canterbury Bells
Complementar dividida +150° +210°
- E0BAAF
Muddy Rose
- A2CEC9
≈ Ice Boutique Turquoise
- ACC7E1
≈ Cumulus Cloud
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.81:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.81:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--muddy-rose: #e0baaf;
--muddy-rose-rgb: 224 186 175;
--muddy-rose-oklch: oklch(0.819 0.047 36.7);
}
.element {
color: var(--muddy-rose);
background-color: hsl(13 44% 78%);
border-color: oklch(0.819 0.047 36.7);
}Tailwind CSS v4
@theme {
--color-muddy-rose: #e0baaf;
--color-muddy-rose-50: #fff1ec;
--color-muddy-rose-100: #f7e3dd;
--color-muddy-rose-200: #e7cec6;
--color-muddy-rose-300: #ceb0a6;
--color-muddy-rose-400: #b8958b;
--color-muddy-rose-500: #a27c71;
--color-muddy-rose-600: #89695f;
--color-muddy-rose-700: #6e544c;
--color-muddy-rose-800: #513d38;
--color-muddy-rose-900: #392a26;
--color-muddy-rose-950: #231714;
}SCSS
$muddy-rose: #e0baaf;
$muddy-rose-rgb: 224, 186, 175;
$muddy-rose-light: mix(#fff, $muddy-rose, 20%);
$muddy-rose-dark: mix(#000, $muddy-rose, 20%);
.element {
color: $muddy-rose;
box-shadow: 0 0 0 2px rgba($muddy-rose, 0.35);
}