Adlandırılmış renk · #4A3C50
Preserve
Preserve, #4A3C50: rgb(74 60 80), hsl(282 14% 27%), oklch(0.379 0.038 315.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Preserve color name →
#4A3C50
oklch(0.379 0.038 315.7)
Renk dönüşümleri
- HEX
- #4a3c50
- RGB
- rgb(74 60 80)
- HSL
- hsl(282 14% 27%)
- HWB
- hwb(282 24% 69%)
- OKLCH
- oklch(0.379 0.038 315.7)
- OKLab
- oklab(0.379 0.027 -0.027)
- CIE Lab
- lab(27.43 9.52 -9.79)
- LCH
- lch(27.43 13.66 314.2)
- CMYK
- cmyk(7% 25% 0% 69%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5A4D60
- 6B5F70
- 7C7181
- 8E8492
- A098A3
- B2ACB5
- C5C0C7
- D8D5D9
- EBEAEC
Koyu tonlar
- 3F3344
- 352A39
- 2A212E
- 201924
- 17111A
- 0E0A10
- 060407
- 020102
- 000000
Gri tonlar
- 4F4255
- 544959
- 5A505E
- 5F5663
- 645D68
- 6A646D
- 6F6B71
- 757276
- 7A797B
Renk uyumları
Tamamlayıcı +180°
- 4A3C50
Preserve
- 394733
≈ Mallardish
Analog -30° +30°
- 4A3C50
Preserve
- 403F56
≈ Artistic Licence
- 513A46
≈ Ritual Experience
Üçlü +120° +240°
- 4A3C50
Preserve
- 4E3F2B
≈ Fresh Roe
- 284949
≈ June Bug
Bölünmüş tamamlayıcı +150° +210°
- 4A3C50
Preserve
- 45432B
≈ Strong Tone Wash
- 2E493D
≈ Government Green
Dörtlü +90° +180° +270°
- 4A3C50
Preserve
- 533C31
≈ Bright Brown
- 394733
≈ Mallardish
- 2B4652
≈ Rainstorm
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.22:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 2.05:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.22:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--preserve: #4a3c50;
--preserve-rgb: 74 60 80;
--preserve-oklch: oklch(0.379 0.038 315.7);
}
.element {
color: var(--preserve);
background-color: hsl(282 14% 27%);
border-color: oklch(0.379 0.038 315.7);
}Tailwind CSS v4
@theme {
--color-preserve: #4a3c50;
--color-preserve-50: #faf2fc;
--color-preserve-100: #ede4f0;
--color-preserve-200: #dbcfdf;
--color-preserve-300: #c0b2c4;
--color-preserve-400: #a798ae;
--color-preserve-500: #907f98;
--color-preserve-600: #7a6b80;
--color-preserve-700: #625667;
--color-preserve-800: #473f4c;
--color-preserve-900: #312b35;
--color-preserve-950: #1d1820;
}SCSS
$preserve: #4a3c50;
$preserve-rgb: 74, 60, 80;
$preserve-light: mix(#fff, $preserve, 20%);
$preserve-dark: mix(#000, $preserve, 20%);
.element {
color: $preserve;
box-shadow: 0 0 0 2px rgba($preserve, 0.35);
}