Cor nomeada mais próxima · #6F496E
#6F496E
Cor nomeada mais próxima: Purple Passion
#6F496E (rgb(111 73 110), hsl(302 21% 36%), oklch(0.462 0.075 327.6)) é mais próxima da cor nomeada Purple Passion. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#6F496E
oklch(0.462 0.075 327.6)
Conversões de cor
- HEX
- #6f496e
- RGB
- rgb(111 73 110)
- HSL
- hsl(302 21% 36%)
- HWB
- hwb(302 29% 56%)
- OKLCH
- oklch(0.462 0.075 327.6)
- OKLab
- oklab(0.462 0.063 -0.04)
- CIE Lab
- lab(36.48 21.54 -14.71)
- LCH
- lch(36.48 26.08 325.7)
- CMYK
- cmyk(0% 34% 1% 56%)
Tons claros · Sombras · Tons
Tons claros
- 7D5A7C
- 8B6B8A
- 997C98
- A78EA6
- B5A0B4
- C4B2C3
- D2C5D2
- E1D8E1
- F0EBF0
Sombras
- 603E5F
- 513450
- 422A41
- 342033
- 271726
- 1A0E19
- 0E060E
- 040204
- 010001
Tons
- 714F70
- 735472
- 755A74
- 775F76
- 786577
- 7A6A79
- 7C707B
- 7D757D
- 7F7B7E
Harmonias de cor
Complementar +180°
- 6F496E
Purple Passion
- 3A6440
≈ Jurassic Park
Análoga -30° +30°
- 6F496E
Purple Passion
- 5D4F7D
≈ Imperial Palace
- 7A4659
≈ Cheerful Wine
Tríade +120° +240°
- 6F496E
Purple Passion
- 6A5621
≈ Field Drab
- 0F646E
≈ Seamount
Complementar dividida +150° +210°
- 6F496E
Purple Passion
- 555E2A
≈ Saratoga
- 1B6658
≈ Eucalyptus Green
Tétrade +90° +180° +270°
- 6F496E
Purple Passion
- 784D2C
≈ Kinsusutake Brown
- 3A6440
≈ Jurassic Park
- 2A5E7D
≈ Suez Canal
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.35:1 · APCA Lc 85
Ag
FailSobre preto
WCAG 2.85:1 · APCA Lc 17
Melhor cor de texto: #FFFFFF
WCAG 7.35:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--purple-passion: #6f496e;
--purple-passion-rgb: 111 73 110;
--purple-passion-oklch: oklch(0.462 0.075 327.6);
}
.element {
color: var(--purple-passion);
background-color: hsl(302 21% 36%);
border-color: oklch(0.462 0.075 327.6);
}Tailwind CSS v4
@theme {
--color-purple-passion: #6f496e;
--color-purple-passion-50: #ffeeff;
--color-purple-passion-100: #f7dff4;
--color-purple-passion-200: #e7c9e4;
--color-purple-passion-300: #ceaaca;
--color-purple-passion-400: #b78fb5;
--color-purple-passion-500: #a174a0;
--color-purple-passion-600: #886387;
--color-purple-passion-700: #6d4f6c;
--color-purple-passion-800: #503951;
--color-purple-passion-900: #382738;
--color-purple-passion-950: #221523;
}SCSS
$purple-passion: #6f496e;
$purple-passion-rgb: 111, 73, 110;
$purple-passion-light: mix(#fff, $purple-passion, 20%);
$purple-passion-dark: mix(#000, $purple-passion, 20%);
.element {
color: $purple-passion;
box-shadow: 0 0 0 2px rgba($purple-passion, 0.35);
}