Cor nomeada mais próxima · #603A70
#603A70
Cor nomeada mais próxima: Heartless
#603A70 (rgb(96 58 112), hsl(282 32% 33%), oklch(0.417 0.097 315.2)) é mais próxima da cor nomeada Heartless. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#603A70
oklch(0.417 0.097 315.2)
Conversões de cor
- HEX
- #603a70
- RGB
- rgb(96 58 112)
- HSL
- hsl(282 32% 33%)
- HWB
- hwb(282 23% 56%)
- OKLCH
- oklch(0.417 0.097 315.2)
- OKLab
- oklab(0.417 0.069 -0.068)
- CIE Lab
- lab(30.92 24.96 -24.7)
- LCH
- lch(30.92 35.12 315.3)
- CMYK
- cmyk(14% 48% 0% 56%)
Tons claros · Sombras · Tons
Tons claros
- 6F4C7E
- 7E5F8C
- 8D729A
- 9D85A8
- AD98B6
- BDACC5
- CDC0D3
- DED5E2
- EEEAF0
Sombras
- 523160
- 452851
- 382043
- 2C1835
- 201027
- 15091A
- 0A040E
- 030104
- 000001
Tons
- 634172
- 674874
- 6A4F76
- 6D5677
- 705D79
- 74647B
- 776B7C
- 7A727D
- 7D797F
Harmonias de cor
Complementar +180°
- 603A70
Heartless
- 33581C
≈ Navy Green
Análoga -30° +30°
- 603A70
Heartless
- 48437E
≈ Fresh Eggplant
- 703458
≈ Possessed Plum
Tríade +120° +240°
- 603A70
Heartless
- 684400
≈ Violin Brown
- 005858
≈ Deep Sea Green
Complementar dividida +150° +210°
- 603A70
Heartless
- 544E00
≈ Scorzonera Brown
- 005B40
≈ Billiard Table
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.98:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.33:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 8.98:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--heartless: #603a70;
--heartless-rgb: 96 58 112;
--heartless-oklch: oklch(0.417 0.097 315.2);
}
.element {
color: var(--heartless);
background-color: hsl(282 32% 33%);
border-color: oklch(0.417 0.097 315.2);
}Tailwind CSS v4
@theme {
--color-heartless: #603a70;
--color-heartless-50: #ffedff;
--color-heartless-100: #f6defe;
--color-heartless-200: #e6c8f0;
--color-heartless-300: #cca8d9;
--color-heartless-400: #b48dc6;
--color-heartless-500: #9f72b2;
--color-heartless-600: #866096;
--color-heartless-700: #6b4d79;
--color-heartless-800: #4e385a;
--color-heartless-900: #36263f;
--color-heartless-950: #211528;
}SCSS
$heartless: #603a70;
$heartless-rgb: 96, 58, 112;
$heartless-light: mix(#fff, $heartless, 20%);
$heartless-dark: mix(#000, $heartless, 20%);
.element {
color: $heartless;
box-shadow: 0 0 0 2px rgba($heartless, 0.35);
}