Cor nomeada · #CAAD76
Sigmarite
Sigmarite é #CAAD76: rgb(202 173 118), hsl(39 44% 63%), oklch(0.76 0.08 82.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sigmarite color name →
#CAAD76
oklch(0.76 0.08 82.9)
Conversões de cor
- HEX
- #caad76
- RGB
- rgb(202 173 118)
- HSL
- hsl(39 44% 63%)
- HWB
- hwb(39 46% 21%)
- OKLCH
- oklch(0.76 0.08 82.9)
- OKLab
- oklab(0.76 0.01 0.079)
- CIE Lab
- lab(72.36 5.36 32.36)
- LCH
- lch(72.36 32.8 80.6)
- CMYK
- cmyk(0% 14% 42% 21%)
Tons claros · Sombras · Tons
Tons claros
- CFB584
- D5BD92
- DAC59F
- DFCEAD
- E4D6BB
- EADEC8
- EFE6D6
- F4EEE3
- FAF7F1
Sombras
- AF9666
- 957F56
- 7C6A47
- 645538
- 4D4129
- 372D1C
- 221B0F
- 0F0B05
- 020101
Tons
- C2A978
- BBA479
- B3A07B
- AC9B7C
- A4977D
- 9D927E
- 968E7E
- 8E897F
- 878580
Harmonias de cor
Complementar +180°
- CAAD76
Sigmarite
- 97B2E5
≈ Myrtle Flower
Análoga -30° +30°
- CAAD76
Sigmarite
- DAA482
≈ Windswept Canyon
- B1B77C
≈ Fancy Flirt
Tríade +120° +240°
- CAAD76
Sigmarite
- 70C0C8
≈ Luna Moona
- CAA1CF
≈ Lilac Lace
Complementar dividida +150° +210°
- CAAD76
Sigmarite
- 7DBADC
≈ 21st Century Blue
- B2A8E0
≈ Maximum Blue Purple
Tétrade +90° +180° +270°
- CAAD76
Sigmarite
- 7AC2AC
≈ Green Balloon
- 97B2E5
≈ Myrtle Flower
- DA9DB6
≈ Haute Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASobre preto
WCAG 9.75:1 · APCA Lc 60
Melhor cor de texto: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
Trechos de código
CSS
:root {
--sigmarite: #caad76;
--sigmarite-rgb: 202 173 118;
--sigmarite-oklch: oklch(0.76 0.08 82.9);
}
.element {
color: var(--sigmarite);
background-color: hsl(39 44% 63%);
border-color: oklch(0.76 0.08 82.9);
}Tailwind CSS v4
@theme {
--color-sigmarite: #caad76;
--color-sigmarite-50: #fff4dc;
--color-sigmarite-100: #f4e6ca;
--color-sigmarite-200: #e4d2ae;
--color-sigmarite-300: #cab589;
--color-sigmarite-400: #b59a67;
--color-sigmarite-500: #a08145;
--color-sigmarite-600: #876d3b;
--color-sigmarite-700: #6c572f;
--color-sigmarite-800: #513f21;
--color-sigmarite-900: #382c15;
--color-sigmarite-950: #231907;
}SCSS
$sigmarite: #caad76;
$sigmarite-rgb: 202, 173, 118;
$sigmarite-light: mix(#fff, $sigmarite, 20%);
$sigmarite-dark: mix(#000, $sigmarite, 20%);
.element {
color: $sigmarite;
box-shadow: 0 0 0 2px rgba($sigmarite, 0.35);
}