Cor nomeada mais próxima · #E6BCAA
#E6BCAA
Cor nomeada mais próxima: Mellow Marrow
#E6BCAA (rgb(230 188 170), hsl(18 55% 78%), oklch(0.827 0.055 44.4)) é mais próxima da cor nomeada Mellow Marrow. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E6BCAA
oklch(0.827 0.055 44.4)
Conversões de cor
- HEX
- #e6bcaa
- RGB
- rgb(230 188 170)
- HSL
- hsl(18 55% 78%)
- HWB
- hwb(18 67% 10%)
- OKLCH
- oklch(0.827 0.055 44.4)
- OKLab
- oklab(0.827 0.039 0.038)
- CIE Lab
- lab(79.67 13.61 15.12)
- LCH
- lch(79.67 20.34 48)
- CMYK
- cmyk(0% 18% 26% 10%)
Tons claros · Sombras · Tons
Tons claros
- E9C3B2
- EBC9BB
- EED0C3
- F1D7CC
- F3DDD4
- F6E4DD
- F8EBE5
- FAF1EE
- FDF8F6
Sombras
- C8A393
- AB8B7D
- 8E7368
- 735D53
- 59473F
- 40322D
- 281F1B
- 130D0B
- 030201
Tons
- DBB6A6
- D1B0A2
- C7AA9D
- BCA499
- B29E95
- A89891
- 9E928D
- 948C88
- 8A8684
Harmonias de cor
Complementar +180°
- E6BCAA
Mellow Marrow
- A1CFE1
≈ Light Sky Babe
Análoga -30° +30°
- E6BCAA
Mellow Marrow
- E8B9BB
≈ Wind Rose
- DCC2A0
≈ Slender Reed
Tríade +120° +240°
- E6BCAA
Mellow Marrow
- A6D2BD
≈ Taffy Twist
- C2C2E9
≈ Violet Gems
Complementar dividida +150° +210°
- E6BCAA
Mellow Marrow
- 9DD2D1
≈ Morning Glory
- AFC9EA
≈ Breeze
Tétrade +90° +180° +270°
- E6BCAA
Mellow Marrow
- B8CFAB
≈ Gio Ponti Green
- A1CFE1
≈ Light Sky Babe
- D4BCE0
≈ Plum Point
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.73:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 12.13:1 · APCA Lc 71
Melhor cor de texto: #000000
WCAG 12.13:1 (AAA) · APCA Lc 71
Contrast pairs
Trechos de código
CSS
:root {
--mellow-marrow: #e6bcaa;
--mellow-marrow-rgb: 230 188 170;
--mellow-marrow-oklch: oklch(0.827 0.055 44.4);
}
.element {
color: var(--mellow-marrow);
background-color: hsl(18 55% 78%);
border-color: oklch(0.827 0.055 44.4);
}Tailwind CSS v4
@theme {
--color-mellow-marrow: #e6bcaa;
--color-mellow-marrow-50: #fff1e8;
--color-mellow-marrow-100: #f8e3d9;
--color-mellow-marrow-200: #e9cec1;
--color-mellow-marrow-300: #d0afa0;
--color-mellow-marrow-400: #bb9584;
--color-mellow-marrow-500: #a67b69;
--color-mellow-marrow-600: #8c6859;
--color-mellow-marrow-700: #705347;
--color-mellow-marrow-800: #533c33;
--color-mellow-marrow-900: #3a2923;
--color-mellow-marrow-950: #241712;
}SCSS
$mellow-marrow: #e6bcaa;
$mellow-marrow-rgb: 230, 188, 170;
$mellow-marrow-light: mix(#fff, $mellow-marrow, 20%);
$mellow-marrow-dark: mix(#000, $mellow-marrow, 20%);
.element {
color: $mellow-marrow;
box-shadow: 0 0 0 2px rgba($mellow-marrow, 0.35);
}