Cor nomeada · #910951
Reddish Purple
Reddish Purple é #910951: rgb(145 9 81), hsl(328 88% 30%), oklch(0.431 0.17 357.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Reddish Purple color name →
#910951
oklch(0.431 0.17 357.2)
Conversões de cor
- HEX
- #910951
- RGB
- rgb(145 9 81)
- HSL
- hsl(328 88% 30%)
- HWB
- hwb(328 4% 43%)
- OKLCH
- oklch(0.431 0.17 357.2)
- OKLab
- oklab(0.431 0.17 -0.008)
- CIE Lab
- lab(31.79 54.44 -2.43)
- LCH
- lch(31.79 54.5 357.4)
- CMYK
- cmyk(0% 94% 44% 43%)
Tons claros · Sombras · Tons
Tons claros
- 9F2F61
- AC4971
- B86081
- C47792
- CF8DA4
- DAA3B5
- E4BAC7
- EDD1DA
- F6E8EC
Sombras
- 7D0745
- 6A053A
- 58032F
- 460224
- 35011A
- 250110
- 150007
- 070002
- 010000
Tons
- 912156
- 91305A
- 913D5F
- 904863
- 8F5268
- 8D5C6D
- 8A6572
- 886E76
- 84777B
Harmonias de cor
Complementar +180°
- 910951
Reddish Purple
- 005E4F
≈ Alpine Green
Análoga -30° +30°
- 910951
Reddish Purple
- 7D1E7F
≈ Hello Darkness My Old Friend
- 980910
≈ Noble Cause
Tríade +120° +240°
- 910951
Reddish Purple
- 4C5600
≈ Highlands Moss
- 00567D
≈ Real Mccoy
Complementar dividida +150° +210°
- 910951
Reddish Purple
- 006220
≈ Jurassic Moss
- 005B65
≈ Egyptian Enamel
Tétrade +90° +180° +270°
- 910951
Reddish Purple
- 654C00
≈ Antique Bronze
- 005E4F
≈ Alpine Green
- 2743AC
≈ Denim
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.89:1 · APCA Lc 88
Ag
FailSobre preto
WCAG 2.36:1 · APCA Lc 14
Melhor cor de texto: #FFFFFF
WCAG 8.89:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--reddish-purple: #910951;
--reddish-purple-rgb: 145 9 81;
--reddish-purple-oklch: oklch(0.431 0.17 357.2);
}
.element {
color: var(--reddish-purple);
background-color: hsl(328 88% 30%);
border-color: oklch(0.431 0.17 357.2);
}Tailwind CSS v4
@theme {
--color-reddish-purple: #910951;
--color-reddish-purple-50: #ffe2f4;
--color-reddish-purple-100: #ffd1e6;
--color-reddish-purple-200: #ffb6d2;
--color-reddish-purple-300: #fd91b5;
--color-reddish-purple-400: #eb6e9f;
--color-reddish-purple-500: #d84987;
--color-reddish-purple-600: #b73f73;
--color-reddish-purple-700: #93325c;
--color-reddish-purple-800: #6d2345;
--color-reddish-purple-900: #4d1730;
--color-reddish-purple-950: #32071c;
}SCSS
$reddish-purple: #910951;
$reddish-purple-rgb: 145, 9, 81;
$reddish-purple-light: mix(#fff, $reddish-purple, 20%);
$reddish-purple-dark: mix(#000, $reddish-purple, 20%);
.element {
color: $reddish-purple;
box-shadow: 0 0 0 2px rgba($reddish-purple, 0.35);
}