Couleur nommée · #9955CC
Morado Purple
Morado Purple correspond à #9955CC : rgb(153 85 204), hsl(274 54% 57%), oklch(0.582 0.182 308.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Morado Purple color name →
#9955CC
oklch(0.582 0.182 308.1)
Conversions de couleur
- HEX
- #9955cc
- RGB
- rgb(153 85 204)
- HSL
- hsl(274 54% 57%)
- HWB
- hwb(274 33% 20%)
- OKLCH
- oklch(0.582 0.182 308.1)
- OKLab
- oklab(0.582 0.113 -0.144)
- CIE Lab
- lab(48.59 44.75 -51.37)
- LCH
- lch(48.59 68.13 311.1)
- CMYK
- cmyk(25% 58% 0% 20%)
Teintes · Ombres · Tons
Teintes
- A367D2
- AD79D8
- B78ADE
- C19BE3
- CBABE8
- D5BCED
- E0CDF2
- EADDF7
- F5EEFB
Ombres
- 8449B1
- 703D97
- 5D317E
- 4A2665
- 381C4E
- 271137
- 170822
- 08020F
- 010002
Tons
- 975BC5
- 9461BE
- 9266B6
- 8F6AAF
- 8D6EA7
- 8A72A0
- 887698
- 857A90
- 837D88
Harmonies de couleurs
Complémentaire +180°
- 9955CC
Morado Purple
- 608B00
≈ Sap Green
Analogue -30° +30°
- 9955CC
Morado Purple
- 6669E3
≈ Exodus Fruit
- BB459F
≈ Ultraviolet Nusp
Triadique +120° +240°
- 9955CC
Morado Purple
- AB6A00
≈ Butter Fudge
- 008E86
≈ Aqua Experience
Complémentaire divisée +150° +210°
- 9955CC
Morado Purple
- 8E7B00
≈ Moscow Papyrus
- 00925B
≈ Emerald Isle
Tétradique +90° +180° +270°
- 9955CC
Morado Purple
- CF4610
≈ Ōkaihau Express
- 608B00
≈ Sap Green
- 0089A4
≈ Capri Breeze
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.64:1 · APCA Lc 72
Ag
AASur noir
WCAG 4.52:1 · APCA Lc 30
Meilleure couleur de texte: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--morado-purple: #9955cc;
--morado-purple-rgb: 153 85 204;
--morado-purple-oklch: oklch(0.582 0.182 308.1);
}
.element {
color: var(--morado-purple);
background-color: hsl(274 54% 57%);
border-color: oklch(0.582 0.182 308.1);
}Tailwind CSS v4
@theme {
--color-morado-purple: #9955cc;
--color-morado-purple-50: #ffe7ff;
--color-morado-purple-100: #fbd7ff;
--color-morado-purple-200: #ecbeff;
--color-morado-purple-300: #d49bfd;
--color-morado-purple-400: #bc7df0;
--color-morado-purple-500: #a85be1;
--color-morado-purple-600: #8e4ebe;
--color-morado-purple-700: #723e98;
--color-morado-purple-800: #522d73;
--color-morado-purple-900: #391f51;
--color-morado-purple-950: #240d36;
}SCSS
$morado-purple: #9955cc;
$morado-purple-rgb: 153, 85, 204;
$morado-purple-light: mix(#fff, $morado-purple, 20%);
$morado-purple-dark: mix(#000, $morado-purple, 20%);
.element {
color: $morado-purple;
box-shadow: 0 0 0 2px rgba($morado-purple, 0.35);
}