Cor nomeada mais próxima · #DABC9D
#DABC9D
Cor nomeada mais próxima: Tostada
#DABC9D (rgb(218 188 157), hsl(30 45% 74%), oklch(0.813 0.054 67.9)) é mais próxima da cor nomeada Tostada. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DABC9D
oklch(0.813 0.054 67.9)
Conversões de cor
- HEX
- #dabc9d
- RGB
- rgb(218 188 157)
- HSL
- hsl(30 45% 74%)
- HWB
- hwb(30 62% 15%)
- OKLCH
- oklch(0.813 0.054 67.9)
- OKLab
- oklab(0.813 0.02 0.05)
- CIE Lab
- lab(78.28 7.67 19.91)
- LCH
- lch(78.28 21.34 68.9)
- CMYK
- cmyk(0% 14% 28% 15%)
Tons claros · Sombras · Tons
Tons claros
- DEC3A7
- E2C9B0
- E5D0BA
- E9D7C4
- EDDDCE
- F0E4D7
- F4EBE1
- F8F1EB
- FBF8F5
Sombras
- BDA388
- A28B73
- 87735F
- 6C5D4C
- 54473A
- 3C3228
- 251F18
- 110D09
- 020201
Tons
- D1B69A
- C7B097
- BEAA95
- B5A492
- AC9E8F
- A3988C
- 9A9289
- 918C86
- 898683
Harmonias de cor
Complementar +180°
- DABC9D
Tostada
- A7C6E4
≈ Water Wash
Análoga -30° +30°
- DABC9D
Tostada
- E2B7A9
≈ Smoky Salmon
- CBC39B
≈ Inviting Gesture
Tríade +120° +240°
- DABC9D
Tostada
- 9ACEC8
≈ Clear Cove
- CBB9DE
≈ Viking Diva
Complementar dividida +150° +210°
- DABC9D
Tostada
- 9BCBD9
≈ Soothing Blue
- B9BFE5
≈ Spoiled Rotten
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.80:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.66:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--tostada: #dabc9d;
--tostada-rgb: 218 188 157;
--tostada-oklch: oklch(0.813 0.054 67.9);
}
.element {
color: var(--tostada);
background-color: hsl(30 45% 74%);
border-color: oklch(0.813 0.054 67.9);
}Tailwind CSS v4
@theme {
--color-tostada: #dabc9d;
--color-tostada-50: #fff3e5;
--color-tostada-100: #f4e5d5;
--color-tostada-200: #e4d1bc;
--color-tostada-300: #cab39a;
--color-tostada-400: #b4997c;
--color-tostada-500: #9f805f;
--color-tostada-600: #866c51;
--color-tostada-700: #6b5640;
--color-tostada-800: #503f2e;
--color-tostada-900: #372b1f;
--color-tostada-950: #22180f;
}SCSS
$tostada: #dabc9d;
$tostada-rgb: 218, 188, 157;
$tostada-light: mix(#fff, $tostada, 20%);
$tostada-dark: mix(#000, $tostada, 20%);
.element {
color: $tostada;
box-shadow: 0 0 0 2px rgba($tostada, 0.35);
}