Cor nomeada mais próxima · #7D427E
#7D427E
Cor nomeada mais próxima: Prunella
#7D427E (rgb(125 66 126), hsl(299 31% 38%), oklch(0.475 0.116 326.6)) é mais próxima da cor nomeada Prunella. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#7D427E
oklch(0.475 0.116 326.6)
Conversões de cor
- HEX
- #7d427e
- RGB
- rgb(125 66 126)
- HSL
- hsl(299 31% 38%)
- HWB
- hwb(299 26% 51%)
- OKLCH
- oklch(0.475 0.116 326.6)
- OKLab
- oklab(0.475 0.097 -0.064)
- CIE Lab
- lab(37.36 32.96 -23.07)
- LCH
- lch(37.36 40.23 325)
- CMYK
- cmyk(1% 48% 0% 51%)
Tons claros · Sombras · Tons
Tons claros
- 8A548B
- 976697
- A479A4
- B18BB1
- BE9EBE
- CBB1CA
- D8C4D7
- E5D7E5
- F2EBF2
Sombras
- 6C386D
- 5B2F5C
- 4B254C
- 3B1C3C
- 2C142D
- 1E0B1F
- 110511
- 050105
- 010001
Tons
- 7E497E
- 7F4F7F
- 7F567F
- 805C80
- 806280
- 806880
- 806E80
- 807480
- 807A80
Harmonias de cor
Complementar +180°
- 7D427E
Prunella
- 266D32
≈ San Felix
Análoga -30° +30°
- 7D427E
Prunella
- 634C95
≈ Purple Corallite
- 8D3C5D
≈ Quinacridone Magenta
Tríade +120° +240°
- 7D427E
Prunella
- 745700
≈ Pickled Grape Leaves
- 006973
≈ Kingfisher Bright
Complementar dividida +150° +210°
- 7D427E
Prunella
- 596300
≈ Forestial Outpost
- 006C5B
≈ Pacific Queen
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.11:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 2.95:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--prunella: #7d427e;
--prunella-rgb: 125 66 126;
--prunella-oklch: oklch(0.475 0.116 326.6);
}
.element {
color: var(--prunella);
background-color: hsl(299 31% 38%);
border-color: oklch(0.475 0.116 326.6);
}Tailwind CSS v4
@theme {
--color-prunella: #7d427e;
--color-prunella-50: #ffeaff;
--color-prunella-100: #fedbfb;
--color-prunella-200: #f0c3ed;
--color-prunella-300: #d9a2d5;
--color-prunella-400: #c286c2;
--color-prunella-500: #ae69ae;
--color-prunella-600: #935993;
--color-prunella-700: #764776;
--color-prunella-800: #563358;
--color-prunella-900: #3c233e;
--color-prunella-950: #261227;
}SCSS
$prunella: #7d427e;
$prunella-rgb: 125, 66, 126;
$prunella-light: mix(#fff, $prunella, 20%);
$prunella-dark: mix(#000, $prunella, 20%);
.element {
color: $prunella;
box-shadow: 0 0 0 2px rgba($prunella, 0.35);
}