Cor nomeada · #3F354F
Maharaja
Maharaja é #3F354F: rgb(63 53 79), hsl(263 20% 26%), oklch(0.351 0.046 301.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Maharaja color name →
#3F354F
oklch(0.351 0.046 301.7)
Conversões de cor
- HEX
- #3f354f
- RGB
- rgb(63 53 79)
- HSL
- hsl(263 20% 26%)
- HWB
- hwb(263 21% 69%)
- OKLCH
- oklch(0.351 0.046 301.7)
- OKLab
- oklab(0.351 0.024 -0.039)
- CIE Lab
- lab(24.1 9.23 -14.33)
- LCH
- lch(24.1 17.04 302.8)
- CMYK
- cmyk(20% 33% 0% 69%)
Tons claros · Sombras · Tons
Tons claros
- 50475F
- 615970
- 736C80
- 868092
- 9994A3
- ADA8B5
- C1BDC7
- D5D3D9
- EAE9EC
Sombras
- 352D44
- 2C2538
- 231D2E
- 1B1523
- 120E19
- 0A0810
- 040307
- 010102
- 000000
Tons
- 453C54
- 4B4359
- 524B5E
- 585263
- 5E5967
- 65616C
- 6C6971
- 727076
- 79787B
Harmonias de cor
Complementar +180°
- 3F354F
Maharaja
- 373F23
≈ Turtle Skin
Análoga -30° +30°
- 3F354F
Maharaja
- 323953
≈ Biscay
- 493246
≈ Loulou
Tríade +120° +240°
- 3F354F
Maharaja
- 4C3521
≈ Café Noir
- 1B433C
≈ Black Soap
Complementar dividida +150° +210°
- 3F354F
Maharaja
- 433A1D
≈ Lisbon Brown
- 28422F
≈ Everglade
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.45:1 · APCA Lc 96
Ag
FailSobre preto
WCAG 1.83:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.45:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--maharaja: #3f354f;
--maharaja-rgb: 63 53 79;
--maharaja-oklch: oklch(0.351 0.046 301.7);
}
.element {
color: var(--maharaja);
background-color: hsl(263 20% 26%);
border-color: oklch(0.351 0.046 301.7);
}Tailwind CSS v4
@theme {
--color-maharaja: #3f354f;
--color-maharaja-50: #f8f2ff;
--color-maharaja-100: #ebe4f5;
--color-maharaja-200: #d8d0e5;
--color-maharaja-300: #bcb2cb;
--color-maharaja-400: #a398b6;
--color-maharaja-500: #8b7fa0;
--color-maharaja-600: #766c87;
--color-maharaja-700: #5e566d;
--color-maharaja-800: #453f50;
--color-maharaja-900: #2f2b38;
--color-maharaja-950: #1c1922;
}SCSS
$maharaja: #3f354f;
$maharaja-rgb: 63, 53, 79;
$maharaja-light: mix(#fff, $maharaja, 20%);
$maharaja-dark: mix(#000, $maharaja, 20%);
.element {
color: $maharaja;
box-shadow: 0 0 0 2px rgba($maharaja, 0.35);
}