En yakın adlandırılmış renk · #850074
#850074
En yakın adlandırılmış renk: Royal Purpleness
#850074 (rgb(133 0 116), hsl(308 100% 26%), oklch(0.422 0.187 335.4)) en çok Royal Purpleness adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#850074
oklch(0.422 0.187 335.4)
Renk dönüşümleri
- HEX
- #850074
- RGB
- rgb(133 0 116)
- HSL
- hsl(308 100% 26%)
- HWB
- hwb(308 0% 48%)
- OKLCH
- oklch(0.422 0.187 335.4)
- OKLab
- oklab(0.422 0.17 -0.078)
- CIE Lab
- lab(30.1 55.86 -27.97)
- LCH
- lch(30.1 62.47 333.4)
- CMYK
- cmyk(0% 100% 13% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 932C82
- A1468F
- AE5E9D
- BB75AB
- C78BB9
- D3A2C7
- DEB9D5
- EAD0E3
- F4E7F1
Koyu tonlar
- 730064
- 610054
- 500045
- 400037
- 300029
- 21001B
- 13000F
- 060005
- 010001
Gri tonlar
- 861D76
- 872E77
- 873B79
- 88467A
- 87517B
- 875B7C
- 86647D
- 846E7E
- 82777F
Renk uyumları
Tamamlayıcı +180°
- 850074
Royal Purpleness
- 005E34
≈ Spruce
Analog -30° +30°
- 850074
Royal Purpleness
- 67209C
≈ Wild Violet
- 910040
≈ Madrileño Maroon
Üçlü +120° +240°
- 850074
Royal Purpleness
- 5C4D00
≈ Scorzonera Brown
- 005767
≈ Abyssal Waters
Bölünmüş tamamlayıcı +150° +210°
- 850074
Royal Purpleness
- 405700
≈ Highlands Moss
- 005A53
≈ Baltic Prince
Dörtlü +90° +180° +270°
- 850074
Royal Purpleness
- 704100
≈ Bloodtracker Brown
- 005E34
≈ Spruce
- 005184
≈ Snorkel Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.33:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.24:1 · APCA Lc 13
En iyi metin rengi: #FFFFFF
WCAG 9.33:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--royal-purpleness: #850074;
--royal-purpleness-rgb: 133 0 116;
--royal-purpleness-oklch: oklch(0.422 0.187 335.4);
}
.element {
color: var(--royal-purpleness);
background-color: hsl(308 100% 26%);
border-color: oklch(0.422 0.187 335.4);
}Tailwind CSS v4
@theme {
--color-royal-purpleness: #850074;
--color-royal-purpleness-50: #ffe1ff;
--color-royal-purpleness-100: #ffd0fe;
--color-royal-purpleness-200: #ffb5f1;
--color-royal-purpleness-300: #f490d9;
--color-royal-purpleness-400: #e06ec9;
--color-royal-purpleness-500: #cc48b5;
--color-royal-purpleness-600: #ad3e99;
--color-royal-purpleness-700: #8b317b;
--color-royal-purpleness-800: #66235d;
--color-royal-purpleness-900: #481741;
--color-royal-purpleness-950: #2f072a;
}SCSS
$royal-purpleness: #850074;
$royal-purpleness-rgb: 133, 0, 116;
$royal-purpleness-light: mix(#fff, $royal-purpleness, 20%);
$royal-purpleness-dark: mix(#000, $royal-purpleness, 20%);
.element {
color: $royal-purpleness;
box-shadow: 0 0 0 2px rgba($royal-purpleness, 0.35);
}