Adlandırılmış renk · #5F5879
Taylor
Taylor, #5F5879: rgb(95 88 121), hsl(253 16% 41%), oklch(0.48 0.053 294). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Taylor color name →
#5F5879
oklch(0.48 0.053 294)
Renk dönüşümleri
- HEX
- #5f5879
- RGB
- rgb(95 88 121)
- HSL
- hsl(253 16% 41%)
- HWB
- hwb(253 35% 53%)
- OKLCH
- oklch(0.48 0.053 294)
- OKLab
- oklab(0.48 0.022 -0.048)
- CIE Lab
- lab(39.07 8.62 -17.74)
- LCH
- lch(39.07 19.72 295.9)
- CMYK
- cmyk(21% 27% 0% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6E6786
- 7C7793
- 8C87A0
- 9B97AD
- ABA8BA
- BBB9C8
- CCCAD5
- DDDBE3
- EEEDF1
Koyu tonlar
- 524B68
- 443F58
- 383348
- 2C2839
- 201D2B
- 15121D
- 0A0910
- 030305
- 000001
Gri tonlar
- 625C7A
- 65607B
- 69647C
- 6C687C
- 6F6C7D
- 72707E
- 76747E
- 79787F
- 7D7C7F
Renk uyumları
Tamamlayıcı +180°
- 5F5879
Taylor
- 5D613E
≈ Tank
Analog -30° +30°
- 5F5879
Taylor
- 4E5E7C
≈ Starry Sky Blue
- 6D546F
≈ Basil Mauve
Üçlü +120° +240°
- 5F5879
Taylor
- 765641
≈ Ancient Spice
- 3C685B
≈ Dignified
Bölünmüş tamamlayıcı +150° +210°
- 5F5879
Taylor
- 6C5B3A
≈ Plum Green
- 4B664B
≈ Firm Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.64:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.15:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.64:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--taylor: #5f5879;
--taylor-rgb: 95 88 121;
--taylor-oklch: oklch(0.48 0.053 294);
}
.element {
color: var(--taylor);
background-color: hsl(253 16% 41%);
border-color: oklch(0.48 0.053 294);
}Tailwind CSS v4
@theme {
--color-taylor: #5f5879;
--color-taylor-50: #f6f2ff;
--color-taylor-100: #e9e5f8;
--color-taylor-200: #d6d0e9;
--color-taylor-300: #b9b2d0;
--color-taylor-400: #a099bb;
--color-taylor-500: #8880a6;
--color-taylor-600: #736c8d;
--color-taylor-700: #5c5671;
--color-taylor-800: #423f53;
--color-taylor-900: #2e2c3a;
--color-taylor-950: #1b1924;
}SCSS
$taylor: #5f5879;
$taylor-rgb: 95, 88, 121;
$taylor-light: mix(#fff, $taylor, 20%);
$taylor-dark: mix(#000, $taylor, 20%);
.element {
color: $taylor;
box-shadow: 0 0 0 2px rgba($taylor, 0.35);
}