Nazwany kolor · #4B384C
Prince
Prince to #4B384C: rgb(75 56 76), hsl(297 15% 26%), oklch(0.369 0.042 324.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Prince color name →
#4B384C
oklch(0.369 0.042 324.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5B4A5C
- 6C5C6D
- 7D6E7E
- 8F828F
- A196A1
- B3AAB3
- C5BEC6
- D8D4D8
- ECE9EC
Odcienie ciemniejsze
- 402F41
- 352736
- 2B1F2C
- 211722
- 170F18
- 0E080F
- 060406
- 020102
- 000000
Tony
- 503F51
- 554656
- 5B4D5B
- 605460
- 655B66
- 6B626B
- 706A70
- 757175
- 7B787B
Harmonie kolorów
Komplementarna +180°
- 4B384C
Prince
- 324632
≈ Palm Leaf
Analogowa -30° +30°
- 4B384C
Prince
- 413B54
≈ Gothic Grape
- 523641
≈ Peacock Purple
Triada +120° +240°
- 4B384C
Prince
- 4A3E25
≈ Madras
- 22464A
≈ Mysterious Waters
Komplementarna rozszczepiona +150° +210°
- 4B384C
Prince
- 3F4228
≈ Strong Tone Wash
- 26473E
≈ Gable Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.66:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.96:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.66:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
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);
}