En yakın adlandırılmış renk · #BD47C7
#BD47C7
En yakın adlandırılmış renk: Love Priestess
#BD47C7 (rgb(189 71 199), hsl(295 53% 53%), oklch(0.607 0.212 324.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.
#BD47C7
oklch(0.607 0.212 324.5)
Renk dönüşümleri
- HEX
- #bd47c7
- RGB
- rgb(189 71 199)
- HSL
- hsl(295 53% 53%)
- HWB
- hwb(295 28% 22%)
- OKLCH
- oklch(0.607 0.212 324.5)
- OKLab
- oklab(0.607 0.173 -0.123)
- CIE Lab
- lab(51.04 60.03 -44.24)
- LCH
- lch(51.04 74.57 323.6)
- CMYK
- cmyk(5% 64% 0% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C55DCD
- CC71D4
- D483DA
- DB95DF
- E1A7E5
- E8B9EB
- EECAF0
- F4DCF5
- FAEDFA
Koyu tonlar
- A43DAD
- 8C3293
- 74287A
- 5D1F62
- 47164C
- 330D36
- 1F0621
- 0D020E
- 020002
Gri tonlar
- B850C0
- B258B9
- AC5FB2
- A765AC
- A16AA5
- 9B6F9D
- 947496
- 8E788F
- 877C88
Renk uyumları
Tamamlayıcı +180°
- BD47C7
Love Priestess
- 009E25
≈ Space Invader
Analog -30° +30°
- BD47C7
Love Priestess
- 8E5DF1
≈ Forgotten Kyawthuite
- DB358A
≈ Sensual Climax
Üçlü +120° +240°
- BD47C7
Love Priestess
- A57B00
≈ Hornet Yellow
- 00949F
≈ Peacock Feather
Bölünmüş tamamlayıcı +150° +210°
- BD47C7
Love Priestess
- 818B00
≈ Krypton Green
- 00987E
≈ Paolo Veronese Green
Dörtlü +90° +180° +270°
- BD47C7
Love Priestess
- C56400
≈ Alloy Orange
- 009E25
≈ Space Invader
- 008DC3
≈ Parrotfish Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.29:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.88:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.88:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--love-priestess: #bd47c7;
--love-priestess-rgb: 189 71 199;
--love-priestess-oklch: oklch(0.607 0.212 324.5);
}
.element {
color: var(--love-priestess);
background-color: hsl(295 53% 53%);
border-color: oklch(0.607 0.212 324.5);
}Tailwind CSS v4
@theme {
--color-love-priestess: #bd47c7;
--color-love-priestess-50: #ffe1ff;
--color-love-priestess-100: #ffcfff;
--color-love-priestess-200: #ffb3ff;
--color-love-priestess-300: #ef8df0;
--color-love-priestess-400: #da6ae3;
--color-love-priestess-500: #c741d2;
--color-love-priestess-600: #a839b1;
--color-love-priestess-700: #872d8e;
--color-love-priestess-800: #63206c;
--color-love-priestess-900: #45154c;
--color-love-priestess-950: #2d0532;
}SCSS
$love-priestess: #bd47c7;
$love-priestess-rgb: 189, 71, 199;
$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);
}