Color con nombre · #4B384C
Prince
Prince es #4B384C: rgb(75 56 76), hsl(297 15% 26%), oklch(0.369 0.042 324.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Prince color name →
#4B384C
oklch(0.369 0.042 324.8)
Conversiones de color
- HEX
- #4b384c
- RGB
- rgb(75 56 76)
- HSL
- hsl(297 15% 26%)
- HWB
- hwb(297 22% 70%)
- OKLCH
- oklch(0.369 0.042 324.8)
- OKLab
- oklab(0.369 0.034 -0.024)
- CIE Lab
- lab(26.27 11.72 -8.91)
- LCH
- lch(26.27 14.72 322.8)
- CMYK
- cmyk(1% 26% 0% 70%)
Tintes · Sombras · Tonos
Tintes
- 5B4A5C
- 6C5C6D
- 7D6E7E
- 8F828F
- A196A1
- B3AAB3
- C5BEC6
- D8D4D8
- ECE9EC
Sombras
- 402F41
- 352736
- 2B1F2C
- 211722
- 170F18
- 0E080F
- 060406
- 020102
- 000000
Tonos
- 503F51
- 554656
- 5B4D5B
- 605460
- 655B66
- 6B626B
- 706A70
- 757175
- 7B787B
Armonías de color
Complementario +180°
- 4B384C
Prince
- 324632
≈ Palm Leaf
Análogo -30° +30°
- 4B384C
Prince
- 413B54
≈ Gothic Grape
- 523641
≈ Peacock Purple
Triádico +120° +240°
- 4B384C
Prince
- 4A3E25
≈ Madras
- 22464A
≈ Mysterious Waters
Complementario dividido +150° +210°
- 4B384C
Prince
- 3F4228
≈ Strong Tone Wash
- 26473E
≈ Gable Green
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 10.66:1 · APCA Lc 95
Ag
FailSobre negro
WCAG 1.96:1 · APCA Lc 8
Mejor color de texto: #FFFFFF
WCAG 10.66:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos de código
CSS
:root {
--prince: #4b384c;
--prince-rgb: 75 56 76;
--prince-oklch: oklch(0.369 0.042 324.8);
}
.element {
color: var(--prince);
background-color: hsl(297 15% 26%);
border-color: oklch(0.369 0.042 324.8);
}Tailwind CSS v4
@theme {
--color-prince: #4b384c;
--color-prince-50: #fcf1fc;
--color-prince-100: #f0e3ef;
--color-prince-200: #decede;
--color-prince-300: #c3b0c3;
--color-prince-400: #ac96ac;
--color-prince-500: #957d96;
--color-prince-600: #7e6a7f;
--color-prince-700: #655565;
--color-prince-800: #4a3e4b;
--color-prince-900: #332a34;
--color-prince-950: #1f181f;
}SCSS
$prince: #4b384c;
$prince-rgb: 75, 56, 76;
$prince-light: mix(#fff, $prince, 20%);
$prince-dark: mix(#000, $prince, 20%);
.element {
color: $prince;
box-shadow: 0 0 0 2px rgba($prince, 0.35);
}