Color con nombre · #410056
Ripe Plum
Ripe Plum es #410056: rgb(65 0 86), hsl(285 100% 17%), oklch(0.281 0.138 315). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Ripe Plum color name →
#410056
oklch(0.281 0.138 315)
Conversiones de color
- HEX
- #410056
- RGB
- rgb(65 0 86)
- HSL
- hsl(285 100% 17%)
- HWB
- hwb(285 0% 66%)
- OKLCH
- oklch(0.281 0.138 315)
- OKLab
- oklab(0.281 0.098 -0.098)
- CIE Lab
- lab(14.06 38.1 -34.86)
- LCH
- lch(14.06 51.64 317.5)
- CMYK
- cmyk(24% 100% 0% 66%)
Tintes · Sombras · Tonos
Tintes
- 532067
- 653977
- 775088
- 896899
- 9C80AA
- B098BA
- C3B1CB
- D7CBDD
- EBE5EE
Sombras
- 37004A
- 2E003E
- 250032
- 1C0027
- 13001C
- 0B0012
- 050008
- 010002
- 000000
Tonos
- 48145B
- 4E2360
- 542F64
- 5B3B69
- 61476D
- 675271
- 6E5E75
- 746979
- 7A747D
Armonías de color
Complementario +180°
- 410056
Ripe Plum
- 153100
≈ Witch Wart
Análogo -30° +30°
- 410056
Ripe Plum
- 281168
≈ Nebula Night
- 4D0036
≈ Pion Purple
Triádico +120° +240°
- 410056
Ripe Plum
- 3A2400
≈ Dark Ebony
- 003030
≈ Roof Tile Green
Complementario dividido +150° +210°
- 410056
Ripe Plum
- 2E2A00
≈ Secret Passage
- 003222
≈ Nightly Woods
Tetrádico +90° +180° +270°
- 410056
Ripe Plum
- 481800
≈ Old Study
- 153100
≈ Witch Wart
- 002E3D
≈ Nordic Noir
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 15.45:1 · APCA Lc 101
Ag
FailSobre negro
WCAG 1.35:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 15.45:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmentos de código
CSS
:root {
--ripe-plum: #410056;
--ripe-plum-rgb: 65 0 86;
--ripe-plum-oklch: oklch(0.281 0.138 315);
}
.element {
color: var(--ripe-plum);
background-color: hsl(285 100% 17%);
border-color: oklch(0.281 0.138 315);
}Tailwind CSS v4
@theme {
--color-ripe-plum: #410056;
--color-ripe-plum-50: #ffeaff;
--color-ripe-plum-100: #fbdaff;
--color-ripe-plum-200: #edc2fc;
--color-ripe-plum-300: #d4a1e6;
--color-ripe-plum-400: #bd84d6;
--color-ripe-plum-500: #a866c4;
--color-ripe-plum-600: #8e57a6;
--color-ripe-plum-700: #724585;
--color-ripe-plum-800: #533264;
--color-ripe-plum-900: #3a2246;
--color-ripe-plum-950: #24112e;
}SCSS
$ripe-plum: #410056;
$ripe-plum-rgb: 65, 0, 86;
$ripe-plum-light: mix(#fff, $ripe-plum, 20%);
$ripe-plum-dark: mix(#000, $ripe-plum, 20%);
.element {
color: $ripe-plum;
box-shadow: 0 0 0 2px rgba($ripe-plum, 0.35);
}