Adlandırılmış renk · #68457A
Palace Purple
Palace Purple, #68457A: rgb(104 69 122), hsl(280 28% 37%), oklch(0.452 0.093 313.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Palace Purple color name →
#68457A
oklch(0.452 0.093 313.5)
Renk dönüşümleri
- HEX
- #68457a
- RGB
- rgb(104 69 122)
- HSL
- hsl(280 28% 37%)
- HWB
- hwb(280 27% 52%)
- OKLCH
- oklch(0.452 0.093 313.5)
- OKLab
- oklab(0.452 0.064 -0.067)
- CIE Lab
- lab(35.06 23.25 -24.43)
- LCH
- lch(35.06 33.73 313.6)
- CMYK
- cmyk(15% 43% 0% 52%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 765687
- 856894
- 937AA1
- A28CAE
- B19EBC
- C0B1C9
- D0C4D6
- DFD7E4
- EFEBF1
Koyu tonlar
- 593B69
- 4B3159
- 3E2749
- 301E3A
- 24152B
- 180C1D
- 0C0510
- 040205
- 000001
Gri tonlar
- 6B4B7B
- 6D517C
- 6F577D
- 725D7D
- 74637E
- 77697E
- 796F7F
- 7B747F
- 7E7A80
Renk uyumları
Tamamlayıcı +180°
- 68457A
Palace Purple
- 406127
≈ Rainforest Matcha
Analog -30° +30°
- 68457A
Palace Purple
- 504E87
≈ Twilight
- 793F63
≈ Purple Drab
Üçlü +120° +240°
- 68457A
Palace Purple
- 744C07
≈ Lucky Brown
- 006362
≈ Emerald Stone
Bölünmüş tamamlayıcı +150° +210°
- 68457A
Palace Purple
- 5F5705
≈ Olive Brown
- 0C6547
≈ Green Paw Paw
Dörtlü +90° +180° +270°
- 68457A
Palace Purple
- 804328
≈ Cacao Nibs
- 406127
≈ Rainforest Matcha
- 005F78
≈ Blue-Collar
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.71:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.72:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.71:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--palace-purple: #68457a;
--palace-purple-rgb: 104 69 122;
--palace-purple-oklch: oklch(0.452 0.093 313.5);
}
.element {
color: var(--palace-purple);
background-color: hsl(280 28% 37%);
border-color: oklch(0.452 0.093 313.5);
}Tailwind CSS v4
@theme {
--color-palace-purple: #68457a;
--color-palace-purple-50: #ffeeff;
--color-palace-purple-100: #f4dffe;
--color-palace-purple-200: #e4c9f0;
--color-palace-purple-300: #caa9d8;
--color-palace-purple-400: #b28ec6;
--color-palace-purple-500: #9c73b2;
--color-palace-purple-600: #846296;
--color-palace-purple-700: #6a4e78;
--color-palace-purple-800: #4d395a;
--color-palace-purple-900: #35273f;
--color-palace-purple-950: #211528;
}SCSS
$palace-purple: #68457a;
$palace-purple-rgb: 104, 69, 122;
$palace-purple-light: mix(#fff, $palace-purple, 20%);
$palace-purple-dark: mix(#000, $palace-purple, 20%);
.element {
color: $palace-purple;
box-shadow: 0 0 0 2px rgba($palace-purple, 0.35);
}