Cor nomeada mais próxima · #4B29B5
#4B29B5
Cor nomeada mais próxima: Royalty
#4B29B5 (rgb(75 41 181), hsl(255 63% 44%), oklch(0.423 0.203 284.8)) é mais próxima da cor nomeada Royalty. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#4B29B5
oklch(0.423 0.203 284.8)
Conversões de cor
- HEX
- #4b29b5
- RGB
- rgb(75 41 181)
- HSL
- hsl(255 63% 44%)
- HWB
- hwb(255 16% 29%)
- OKLCH
- oklch(0.423 0.203 284.8)
- OKLab
- oklab(0.423 0.052 -0.196)
- CIE Lab
- lab(29.3 43.75 -69.71)
- LCH
- lch(29.3 82.3 302.1)
- CMYK
- cmyk(59% 77% 0% 29%)
Tons claros · Sombras · Tons
Tons claros
- 5844BE
- 675BC7
- 7870CF
- 8985D8
- 9B99DF
- AEADE6
- C1C2ED
- D5D6F4
- EAEAFA
Sombras
- 40229D
- 351C86
- 2B156F
- 210F59
- 170944
- 0E0530
- 06021D
- 02010C
- 000002
Tons
- 4E37B1
- 5242AC
- 574CA8
- 5B55A3
- 615D9E
- 666599
- 6C6C93
- 73738D
- 797A87
Harmonias de cor
Complementar +180°
- 4B29B5
Royalty
- 565000
≈ Scorzonera Brown
Análoga -30° +30°
- 4B29B5
Royalty
- 004C97
≈ Freshwater Lake
- 750897
≈ Chinese Purple
Tríade +120° +240°
- 4B29B5
Royalty
- 813200
≈ Coffee Addiction
- 005D41
≈ Sci-Fi Takeout
Complementar dividida +150° +210°
- 4B29B5
Royalty
- 6A4500
≈ Violin Brown
- 2D5C00
≈ Lincoln Green
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.19:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.28:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 9.19:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--royalty: #4b29b5;
--royalty-rgb: 75 41 181;
--royalty-oklch: oklch(0.423 0.203 284.8);
}
.element {
color: var(--royalty);
background-color: hsl(255 63% 44%);
border-color: oklch(0.423 0.203 284.8);
}Tailwind CSS v4
@theme {
--color-royalty: #4b29b5;
--color-royalty-50: #f0edff;
--color-royalty-100: #e2deff;
--color-royalty-200: #cec7ff;
--color-royalty-300: #b1a5ff;
--color-royalty-400: #9587ff;
--color-royalty-500: #7e66ff;
--color-royalty-600: #6b57db;
--color-royalty-700: #5546b0;
--color-royalty-800: #3c3385;
--color-royalty-900: #29235e;
--color-royalty-950: #171140;
}SCSS
$royalty: #4b29b5;
$royalty-rgb: 75, 41, 181;
$royalty-light: mix(#fff, $royalty, 20%);
$royalty-dark: mix(#000, $royalty, 20%);
.element {
color: $royalty;
box-shadow: 0 0 0 2px rgba($royalty, 0.35);
}