Cor nomeada · #BB7326
Desert Sun
Desert Sun é #BB7326: rgb(187 115 38), hsl(31 66% 44%), oklch(0.621 0.126 62.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Desert Sun color name →
#BB7326
oklch(0.621 0.126 62.6)
Conversões de cor
- HEX
- #bb7326
- RGB
- rgb(187 115 38)
- HSL
- hsl(31 66% 44%)
- HWB
- hwb(31 15% 27%)
- OKLCH
- oklch(0.621 0.126 62.6)
- OKLab
- oklab(0.621 0.058 0.112)
- CIE Lab
- lab(55.55 24.85 52.05)
- LCH
- lch(55.55 57.68 64.5)
- CMYK
- cmyk(0% 39% 80% 27%)
Tons claros · Sombras · Tons
Tons claros
- C38142
- CA8F59
- D19D6E
- D8AB83
- DFB997
- E6C7AC
- ECD5C1
- F3E3D5
- F9F1EA
Sombras
- A26320
- 8A5419
- 734513
- 5C360D
- 462808
- 321B04
- 1F0F02
- 0D0501
- 020100
Tons
- B67535
- B07740
- AA784A
- A57A53
- 9F7B5C
- 997C64
- 937D6B
- 8D7E72
- 867F79
Harmonias de cor
Complementar +180°
- BB7326
Desert Sun
- 328ECC
≈ Magical Merlin
Análoga -30° +30°
- BB7326
Desert Sun
- C66754
≈ Sedona Canyon
- A18304
≈ Pestilence
Tríade +120° +240°
- BB7326
Desert Sun
- 009C8C
≈ Flamboyant Teal
- 9572C5
≈ Lilac Bush
Complementar dividida +150° +210°
- BB7326
Desert Sun
- 0097AD
≈ Aquarium Diver
- 6D80D2
≈ Tanzine
Tétrade +90° +180° +270°
- BB7326
Desert Sun
- 3F9C60
≈ Kelly Green
- 328ECC
≈ Magical Merlin
- B268A7
≈ Pearly Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.75:1 · APCA Lc 65
Ag
AASobre preto
WCAG 5.59:1 · APCA Lc 37
Melhor cor de texto: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
Trechos de código
CSS
:root {
--desert-sun: #bb7326;
--desert-sun-rgb: 187 115 38;
--desert-sun-oklch: oklch(0.621 0.126 62.6);
}
.element {
color: var(--desert-sun);
background-color: hsl(31 66% 44%);
border-color: oklch(0.621 0.126 62.6);
}Tailwind CSS v4
@theme {
--color-desert-sun: #bb7326;
--color-desert-sun-50: #ffeed0;
--color-desert-sun-100: #ffe0bd;
--color-desert-sun-200: #fbca9c;
--color-desert-sun-300: #e4aa71;
--color-desert-sun-400: #d38d49;
--color-desert-sun-500: #c0700c;
--color-desert-sun-600: #a25f11;
--color-desert-sun-700: #824c0e;
--color-desert-sun-800: #61360a;
--color-desert-sun-900: #442506;
--color-desert-sun-950: #2c1300;
}SCSS
$desert-sun: #bb7326;
$desert-sun-rgb: 187, 115, 38;
$desert-sun-light: mix(#fff, $desert-sun, 20%);
$desert-sun-dark: mix(#000, $desert-sun, 20%);
.element {
color: $desert-sun;
box-shadow: 0 0 0 2px rgba($desert-sun, 0.35);
}