Adlandırılmış renk · #5A4F6C
Crowning
Crowning, #5A4F6C: rgb(90 79 108), hsl(263 16% 37%), oklch(0.45 0.048 301.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Crowning color name →
#5A4F6C
oklch(0.45 0.048 301.8)
Renk dönüşümleri
- HEX
- #5a4f6c
- RGB
- rgb(90 79 108)
- HSL
- hsl(263 16% 37%)
- HWB
- hwb(263 31% 58%)
- OKLCH
- oklch(0.45 0.048 301.8)
- OKLab
- oklab(0.45 0.026 -0.041)
- CIE Lab
- lab(35.57 9.55 -15.1)
- LCH
- lch(35.57 17.87 302.3)
- CMYK
- cmyk(17% 27% 0% 58%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 695F7A
- 786F88
- 888096
- 9891A5
- A9A3B3
- B9B5C2
- CAC7D1
- DCD9E0
- EDECF0
Koyu tonlar
- 4D445D
- 41384E
- 352E40
- 292332
- 1E1925
- 131019
- 09070D
- 030204
- 000000
Gri tonlar
- 5E546E
- 615970
- 655D72
- 696274
- 6D6776
- 706C78
- 74717A
- 78767C
- 7C7B7E
Renk uyumları
Tamamlayıcı +180°
- 5A4F6C
Crowning
- 515A3B
≈ Blue Black Crayfish
Analog -30° +30°
- 5A4F6C
Crowning
- 4C5471
≈ Independence
- 654B61
≈ Bunchberry
Üçlü +120° +240°
- 5A4F6C
Crowning
- 694F39
≈ Tobacco
- 355E57
≈ Royal Pine
Bölünmüş tamamlayıcı +150° +210°
- 5A4F6C
Crowning
- 5F5535
≈ Olive Bark
- 415D48
≈ Ethereal Woods
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.58:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.76:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.58:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--crowning: #5a4f6c;
--crowning-rgb: 90 79 108;
--crowning-oklch: oklch(0.45 0.048 301.8);
}
.element {
color: var(--crowning);
background-color: hsl(263 16% 37%);
border-color: oklch(0.45 0.048 301.8);
}Tailwind CSS v4
@theme {
--color-crowning: #5a4f6c;
--color-crowning-50: #f8f2ff;
--color-crowning-100: #ebe4f5;
--color-crowning-200: #d8d0e6;
--color-crowning-300: #bcb2cc;
--color-crowning-400: #a398b7;
--color-crowning-500: #8c7fa1;
--color-crowning-600: #766c88;
--color-crowning-700: #5f566d;
--color-crowning-800: #453f51;
--color-crowning-900: #2f2b38;
--color-crowning-950: #1c1823;
}SCSS
$crowning: #5a4f6c;
$crowning-rgb: 90, 79, 108;
$crowning-light: mix(#fff, $crowning, 20%);
$crowning-dark: mix(#000, $crowning, 20%);
.element {
color: $crowning;
box-shadow: 0 0 0 2px rgba($crowning, 0.35);
}