Cor nomeada · #432E6F
Her Highness
Her Highness é #432E6F: rgb(67 46 111), hsl(259 41% 31%), oklch(0.361 0.108 295.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Her Highness color name →
#432E6F
oklch(0.361 0.108 295.4)
Conversões de cor
- HEX
- #432e6f
- RGB
- rgb(67 46 111)
- HSL
- hsl(259 41% 31%)
- HWB
- hwb(259 18% 56%)
- OKLCH
- oklch(0.361 0.108 295.4)
- OKLab
- oklab(0.361 0.046 -0.098)
- CIE Lab
- lab(24.23 22.21 -34.92)
- LCH
- lch(24.23 41.38 302.5)
- CMYK
- cmyk(40% 59% 0% 56%)
Tons claros · Sombras · Tons
Tons claros
- 53427D
- 64558C
- 76699A
- 887EA9
- 9B92B7
- AEA7C5
- C1BDD4
- D6D2E2
- EAE9F1
Sombras
- 392760
- 2F1F51
- 261842
- 1D1234
- 140B27
- 0C061A
- 05020E
- 010104
- 000001
Tons
- 483771
- 4E3F74
- 544776
- 5A5078
- 605879
- 66607B
- 6C687C
- 73707E
- 79787F
Harmonias de cor
Complementar +180°
- 432E6F
Her Highness
- 3C4200
≈ Green Not Found
Análoga -30° +30°
- 432E6F
Her Highness
- 213975
≈ Surf the Web
- 59255C
≈ Kuwanomi Purple
Tríade +120° +240°
- 432E6F
Her Highness
- 602E00
≈ Count Chocula
- 00493C
≈ Tropical Forest
Complementar dividida +150° +210°
- 432E6F
Her Highness
- 4F3A00
≈ Xanthophobia
- 054B13
≈ Dark Fern
Tétrade +90° +180° +270°
- 432E6F
Her Highness
- 6B1F1E
≈ Bloodlust
- 3C4200
≈ Green Not Found
- 00464D
≈ Incubi Darkness
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.29:1 · APCA Lc 96
Ag
FailSobre preto
WCAG 1.85:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.29:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--her-highness: #432e6f;
--her-highness-rgb: 67 46 111;
--her-highness-oklch: oklch(0.361 0.108 295.4);
}
.element {
color: var(--her-highness);
background-color: hsl(259 41% 31%);
border-color: oklch(0.361 0.108 295.4);
}Tailwind CSS v4
@theme {
--color-her-highness: #432e6f;
--color-her-highness-50: #f8efff;
--color-her-highness-100: #ebe1ff;
--color-her-highness-200: #d9cbfe;
--color-her-highness-300: #bdace8;
--color-her-highness-400: #a391d8;
--color-her-highness-500: #8c76c6;
--color-her-highness-600: #7664a7;
--color-her-highness-700: #5f5086;
--color-her-highness-800: #443b64;
--color-her-highness-900: #2f2846;
--color-her-highness-950: #1c162e;
}SCSS
$her-highness: #432e6f;
$her-highness-rgb: 67, 46, 111;
$her-highness-light: mix(#fff, $her-highness, 20%);
$her-highness-dark: mix(#000, $her-highness, 20%);
.element {
color: $her-highness;
box-shadow: 0 0 0 2px rgba($her-highness, 0.35);
}