En yakın adlandırılmış renk · #B74BB2
#B74BB2
En yakın adlandırılmış renk: Love Priestess
#B74BB2 (rgb(183 75 178), hsl(303 43% 51%), oklch(0.592 0.186 329.5)) en çok Love Priestess 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.
#B74BB2
oklch(0.592 0.186 329.5)
Renk dönüşümleri
- HEX
- #b74bb2
- RGB
- rgb(183 75 178)
- HSL
- hsl(303 43% 51%)
- HWB
- hwb(303 29% 28%)
- OKLCH
- oklch(0.592 0.186 329.5)
- OKLab
- oklab(0.592 0.16 -0.094)
- CIE Lab
- lab(49.83 54.01 -34.05)
- LCH
- lch(49.83 63.85 327.8)
- CMYK
- cmyk(0% 59% 3% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BF5FBA
- C872C2
- D084CA
- D795D2
- DFA7DA
- E6B9E1
- ECCAE9
- F3DCF0
- F9EDF8
Koyu tonlar
- 9F409A
- 873583
- 702B6D
- 5A2157
- 451743
- 310E2F
- 1E061D
- 0C020C
- 020001
Gri tonlar
- B253AD
- AD59A8
- A85FA4
- A3659F
- 9E6A9A
- 986F95
- 937490
- 8D788B
- 877C85
Renk uyumları
Tamamlayıcı +180°
- B74BB2
Love Priestess
- 009742
≈ Green Revolution
Analog -30° +30°
- B74BB2
Love Priestess
- 905DDA
≈ Legendary Lavender
- CF3F7A
≈ Jaipur Pink
Üçlü +120° +240°
- B74BB2
Love Priestess
- 9A7900
≈ Yellowish Brown
- 008E9F
≈ Coral Coast
Bölünmüş tamamlayıcı +150° +210°
- B74BB2
Love Priestess
- 758900
≈ Swamp Green
- 009280
≈ Silk Sari
Dörtlü +90° +180° +270°
- B74BB2
Love Priestess
- B96600
≈ Camel Fur
- 009742
≈ Green Revolution
- 0086C4
≈ Azul Caribe
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.66:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--love-priestess: #b74bb2;
--love-priestess-rgb: 183 75 178;
--love-priestess-oklch: oklch(0.592 0.186 329.5);
}
.element {
color: var(--love-priestess);
background-color: hsl(303 43% 51%);
border-color: oklch(0.592 0.186 329.5);
}Tailwind CSS v4
@theme {
--color-love-priestess: #b74bb2;
--color-love-priestess-50: #ffe2ff;
--color-love-priestess-100: #ffd2ff;
--color-love-priestess-200: #ffb7f8;
--color-love-priestess-300: #ed92e2;
--color-love-priestess-400: #d971d3;
--color-love-priestess-500: #c54cc0;
--color-love-priestess-600: #a742a2;
--color-love-priestess-700: #863482;
--color-love-priestess-800: #622563;
--color-love-priestess-900: #451945;
--color-love-priestess-950: #2d092d;
}SCSS
$love-priestess: #b74bb2;
$love-priestess-rgb: 183, 75, 178;
$love-priestess-light: mix(#fff, $love-priestess, 20%);
$love-priestess-dark: mix(#000, $love-priestess, 20%);
.element {
color: $love-priestess;
box-shadow: 0 0 0 2px rgba($love-priestess, 0.35);
}