Cor nomeada mais próxima · #BA816D
#BA816D
Cor nomeada mais próxima: Earthworm
#BA816D (rgb(186 129 109), hsl(16 36% 58%), oklch(0.656 0.077 40.1)) é mais próxima da cor nomeada Earthworm. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BA816D
oklch(0.656 0.077 40.1)
Conversões de cor
- HEX
- #ba816d
- RGB
- rgb(186 129 109)
- HSL
- hsl(16 36% 58%)
- HWB
- hwb(16 43% 27%)
- OKLCH
- oklch(0.656 0.077 40.1)
- OKLab
- oklab(0.656 0.059 0.05)
- CIE Lab
- lab(59.52 20.86 20.18)
- LCH
- lch(59.52 29.03 44)
- CMYK
- cmyk(0% 31% 41% 27%)
Tons claros · Sombras · Tons
Tons claros
- C18D7B
- C99A89
- D0A697
- D7B2A6
- DEBFB4
- E5CCC3
- EBD8D2
- F2E5E1
- F9F2F0
Sombras
- A16F5E
- 895E4F
- 724E41
- 5C3E33
- 462E26
- 321F19
- 1E120D
- 0D0604
- 020101
Tons
- B4816F
- AF8171
- A98173
- A48175
- 9E8177
- 988179
- 92817B
- 8C817D
- 86807E
Harmonias de cor
Complementar +180°
- BA816D
Earthworm
- 579CB2
≈ Chivalry
Análoga -30° +30°
- BA816D
Earthworm
- BB7D86
≈ Lipstick Pink
- AF895C
≈ Clay Ochre
Tríade +120° +240°
- BA816D
Earthworm
- 65A081
≈ Sea Lettuce
- 878CC0
≈ Pleated Mauve
Complementar dividida +150° +210°
- BA816D
Earthworm
- 53A09B
≈ Teal Bayou
- 6D95BF
≈ Blue Tuna
Tétrade +90° +180° +270°
- BA816D
Earthworm
- 819B68
≈ Walking Dead
- 579CB2
≈ Chivalry
- 9F84B4
≈ Peony Mauve
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.25:1 · APCA Lc 60
Ag
AASobre preto
WCAG 6.44:1 · APCA Lc 42
Melhor cor de texto: #000000
WCAG 6.44:1 (AA) · APCA Lc 42
Contrast pairs
Trechos de código
CSS
:root {
--earthworm: #ba816d;
--earthworm-rgb: 186 129 109;
--earthworm-oklch: oklch(0.656 0.077 40.1);
}
.element {
color: var(--earthworm);
background-color: hsl(16 36% 58%);
border-color: oklch(0.656 0.077 40.1);
}Tailwind CSS v4
@theme {
--color-earthworm: #ba816d;
--color-earthworm-50: #ffefe4;
--color-earthworm-100: #ffe0d4;
--color-earthworm-200: #f2cabb;
--color-earthworm-300: #daab99;
--color-earthworm-400: #c78f7c;
--color-earthworm-500: #b2745f;
--color-earthworm-600: #966351;
--color-earthworm-700: #794f40;
--color-earthworm-800: #5a392f;
--color-earthworm-900: #3f2720;
--color-earthworm-950: #28150f;
}SCSS
$earthworm: #ba816d;
$earthworm-rgb: 186, 129, 109;
$earthworm-light: mix(#fff, $earthworm, 20%);
$earthworm-dark: mix(#000, $earthworm, 20%);
.element {
color: $earthworm;
box-shadow: 0 0 0 2px rgba($earthworm, 0.35);
}