Adlandırılmış renk · #5B4D54
Purple Prince
Purple Prince, #5B4D54: rgb(91 77 84), hsl(330 8% 33%), oklch(0.437 0.022 346.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Purple Prince color name →
#5B4D54
oklch(0.437 0.022 346.4)
Renk dönüşümleri
- HEX
- #5b4d54
- RGB
- rgb(91 77 84)
- HSL
- hsl(330 8% 33%)
- HWB
- hwb(330 30% 64%)
- OKLCH
- oklch(0.437 0.022 346.4)
- OKLab
- oklab(0.437 0.021 -0.005)
- CIE Lab
- lab(34.37 7.06 -1.86)
- LCH
- lch(34.37 7.3 345.2)
- CMYK
- cmyk(0% 15% 8% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6A5D63
- 796D73
- 897E84
- 999094
- A9A1A5
- BAB3B7
- CBC6C8
- DCD9DA
- EDECED
Koyu tonlar
- 4E4248
- 41373C
- 352C31
- 292226
- 1E181B
- 130F11
- 090708
- 030202
- 000000
Gri tonlar
- 5F5258
- 62575D
- 665C61
- 6A6165
- 6D666A
- 716B6E
- 757072
- 797577
- 7C7B7B
Renk uyumları
Tamamlayıcı +180°
- 5B4D54
Purple Prince
- 47564F
≈ Huntington Woods
Analog -30° +30°
- 5B4D54
Purple Prince
- 564E5A
≈ Mulled Wine
- 5D4D4D
≈ Smooth Coffee
Üçlü +120° +240°
- 5B4D54
Purple Prince
- 535345
≈ Olive Night
- 45545B
≈ Vermont Slate
Bölünmüş tamamlayıcı +150° +210°
- 5B4D54
Purple Prince
- 4C5549
≈ Deep Evergreen
- 445656
≈ All Nighter
Dörtlü +90° +180° +270°
- 5B4D54
Purple Prince
- 595045
≈ Bridgewood
- 47564F
≈ Huntington Woods
- 4A525E
≈ Senate
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.97:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.63:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 7.97:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-prince: #5b4d54;
--purple-prince-rgb: 91 77 84;
--purple-prince-oklch: oklch(0.437 0.022 346.4);
}
.element {
color: var(--purple-prince);
background-color: hsl(330 8% 33%);
border-color: oklch(0.437 0.022 346.4);
}Tailwind CSS v4
@theme {
--color-purple-prince: #5b4d54;
--color-purple-prince-50: #faf3f6;
--color-purple-prince-100: #eee5e9;
--color-purple-prince-200: #dcd1d6;
--color-purple-prince-300: #c0b3b9;
--color-purple-prince-400: #a99aa1;
--color-purple-prince-500: #928189;
--color-purple-prince-600: #7b6d74;
--color-purple-prince-700: #63575d;
--color-purple-prince-800: #483f44;
--color-purple-prince-900: #322c2f;
--color-purple-prince-950: #1e191c;
}SCSS
$purple-prince: #5b4d54;
$purple-prince-rgb: 91, 77, 84;
$purple-prince-light: mix(#fff, $purple-prince, 20%);
$purple-prince-dark: mix(#000, $purple-prince, 20%);
.element {
color: $purple-prince;
box-shadow: 0 0 0 2px rgba($purple-prince, 0.35);
}