Cor nomeada mais próxima · #DA9549
#DA9549
Cor nomeada mais próxima: Salt Caramel
#DA9549 (rgb(218 149 73), hsl(31 66% 57%), oklch(0.724 0.124 66.1)) é mais próxima da cor nomeada Salt Caramel. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DA9549
oklch(0.724 0.124 66.1)
Conversões de cor
- HEX
- #da9549
- RGB
- rgb(218 149 73)
- HSL
- hsl(31 66% 57%)
- HWB
- hwb(31 29% 15%)
- OKLCH
- oklch(0.724 0.124 66.1)
- OKLab
- oklab(0.724 0.05 0.113)
- CIE Lab
- lab(67.69 21.58 49.98)
- LCH
- lch(67.69 54.44 66.6)
- CMYK
- cmyk(0% 32% 67% 15%)
Tons claros · Sombras · Tons
Tons claros
- DEA05E
- E3AA71
- E7B584
- EBC096
- EECAA7
- F2D5B9
- F5DFCA
- F9EADC
- FCF4ED
Sombras
- BD813E
- A26D34
- 875A2A
- 6C4820
- 543717
- 3C260E
- 251606
- 110802
- 020100
Tons
- D19351
- C89259
- BF905F
- B68E65
- AD8C6A
- A4896F
- 9B8774
- 928578
- 89837C
Harmonias de cor
Complementar +180°
- DA9549
Salt Caramel
- 5FADEF
≈ Blue Jeans
Análoga -30° +30°
- DA9549
Salt Caramel
- E8886E
≈ Thundelarra
- BDA53E
≈ Forest Tent
Tríade +120° +240°
- DA9549
Salt Caramel
- 18BEB2
≈ Turquoise Topaz
- B991E3
≈ Luminous Lavender
Complementar dividida +150° +210°
- DA9549
Salt Caramel
- 1EB8D7
≈ Ocean Sigh
- 919EF3
≈ Cold Lips
Tétrade +90° +180° +270°
- DA9549
Salt Caramel
- 5CBD85
≈ Spearmint Burst
- 5FADEF
≈ Blue Jeans
- D687C3
≈ Pink Punk
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.37:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--salt-caramel: #da9549;
--salt-caramel-rgb: 218 149 73;
--salt-caramel-oklch: oklch(0.724 0.124 66.1);
}
.element {
color: var(--salt-caramel);
background-color: hsl(31 66% 57%);
border-color: oklch(0.724 0.124 66.1);
}Tailwind CSS v4
@theme {
--color-salt-caramel: #da9549;
--color-salt-caramel-50: #ffefd0;
--color-salt-caramel-100: #ffe1bc;
--color-salt-caramel-200: #f8cb9b;
--color-salt-caramel-300: #e2ac70;
--color-salt-caramel-400: #d08f48;
--color-salt-caramel-500: #bc7307;
--color-salt-caramel-600: #9f610e;
--color-salt-caramel-700: #804e0d;
--color-salt-caramel-800: #5f3808;
--color-salt-caramel-900: #432606;
--color-salt-caramel-950: #2b1400;
}SCSS
$salt-caramel: #da9549;
$salt-caramel-rgb: 218, 149, 73;
$salt-caramel-light: mix(#fff, $salt-caramel, 20%);
$salt-caramel-dark: mix(#000, $salt-caramel, 20%);
.element {
color: $salt-caramel;
box-shadow: 0 0 0 2px rgba($salt-caramel, 0.35);
}