Adlandırılmış renk · #634875
Presley Purple
Presley Purple, #634875: rgb(99 72 117), hsl(276 24% 37%), oklch(0.449 0.078 311). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Presley Purple color name →
#634875
oklch(0.449 0.078 311)
Renk dönüşümleri
- HEX
- #634875
- RGB
- rgb(99 72 117)
- HSL
- hsl(276 24% 37%)
- HWB
- hwb(276 28% 54%)
- OKLCH
- oklch(0.449 0.078 311)
- OKLab
- oklab(0.449 0.051 -0.059)
- CIE Lab
- lab(35 18.78 -21.47)
- LCH
- lch(35 28.52 311.2)
- CMYK
- cmyk(15% 38% 0% 54%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 715982
- 806A90
- 8F7C9D
- 9E8DAB
- AEA0B9
- BEB2C6
- CEC5D4
- DED8E2
- EEEBF1
Koyu tonlar
- 553D65
- 473355
- 3A2946
- 2E1F37
- 211629
- 160D1C
- 0B060F
- 030205
- 000001
Gri tonlar
- 664E76
- 695378
- 6C5979
- 6F5F7A
- 72647B
- 746A7C
- 776F7D
- 7A757E
- 7D7A7F
Renk uyumları
Tamamlayıcı +180°
- 634875
Presley Purple
- 455E2E
≈ Woodman
Analog -30° +30°
- 634875
Presley Purple
- 4D4F80
≈ Tangent Periwinkle
- 724362
≈ Purple Drab
Üçlü +120° +240°
- 634875
Presley Purple
- 704D1E
≈ Wagon Train
- 00625F
≈ Emerald Stone
Bölünmüş tamamlayıcı +150° +210°
- 634875
Presley Purple
- 5F561B
≈ Olive Brown
- 256247
≈ Green Pea
Dörtlü +90° +180° +270°
- 634875
Presley Purple
- 794532
≈ Medium Tuscan Red
- 455E2E
≈ Woodman
- 0D5F74
≈ Ocean Radiance
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.73:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.71:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--presley-purple: #634875;
--presley-purple-rgb: 99 72 117;
--presley-purple-oklch: oklch(0.449 0.078 311);
}
.element {
color: var(--presley-purple);
background-color: hsl(276 24% 37%);
border-color: oklch(0.449 0.078 311);
}Tailwind CSS v4
@theme {
--color-presley-purple: #634875;
--color-presley-purple-50: #fdefff;
--color-presley-purple-100: #f1e1fb;
--color-presley-purple-200: #e0cbed;
--color-presley-purple-300: #c6acd4;
--color-presley-purple-400: #ad92c1;
--color-presley-purple-500: #9777ad;
--color-presley-purple-600: #806592;
--color-presley-purple-700: #665175;
--color-presley-purple-800: #4a3b57;
--color-presley-purple-900: #34283d;
--color-presley-purple-950: #1f1626;
}SCSS
$presley-purple: #634875;
$presley-purple-rgb: 99, 72, 117;
$presley-purple-light: mix(#fff, $presley-purple, 20%);
$presley-purple-dark: mix(#000, $presley-purple, 20%);
.element {
color: $presley-purple;
box-shadow: 0 0 0 2px rgba($presley-purple, 0.35);
}