Adlandırılmış renk · #BB44CC
Ultraviolet Berl
Ultraviolet Berl, #BB44CC: rgb(187 68 204), hsl(293 57% 53%), oklch(0.604 0.219 322.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? → · Ultraviolet Berl color name →
#BB44CC
oklch(0.604 0.219 322.5)
Renk dönüşümleri
- HEX
- #bb44cc
- RGB
- rgb(187 68 204)
- HSL
- hsl(293 57% 53%)
- HWB
- hwb(293 27% 20%)
- OKLCH
- oklch(0.604 0.219 322.5)
- OKLab
- oklab(0.604 0.174 -0.134)
- CIE Lab
- lab(50.52 61.34 -47.94)
- LCH
- lch(50.52 77.86 322)
- CMYK
- cmyk(8% 67% 0% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C35BD2
- CB6FD8
- D282DD
- D994E3
- E0A6E8
- E7B8ED
- EDCAF2
- F3DCF6
- F9EDFB
Koyu tonlar
- A23AB1
- 8A3097
- 73267E
- 5C1D65
- 46144E
- 320C37
- 1F0522
- 0D020F
- 020002
Gri tonlar
- B64EC5
- B056BD
- AB5DB6
- A564AF
- A069A7
- 9A6FA0
- 947498
- 8D7890
- 877C88
Renk uyumları
Tamamlayıcı +180°
- BB44CC
Ultraviolet Berl
- 029D00
≈ Space Invader
Analog -30° +30°
- BB44CC
Ultraviolet Berl
- 8A5BF6
≈ Purple Honeycreeper
- DA2F8E
≈ Dark Princess Pink
Üçlü +120° +240°
- BB44CC
Ultraviolet Berl
- A67900
≈ Bronze
- 00939C
≈ Peacock Feather
Bölünmüş tamamlayıcı +150° +210°
- BB44CC
Ultraviolet Berl
- 838900
≈ Krypton Green
- 00977A
≈ Pool Table
Dörtlü +90° +180° +270°
- BB44CC
Ultraviolet Berl
- C66100
≈ Kvass
- 029D00
≈ Space Invader
- 008DBE
≈ Hawaiian Surf
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.36:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.81:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.81:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--ultraviolet-berl: #bb44cc;
--ultraviolet-berl-rgb: 187 68 204;
--ultraviolet-berl-oklch: oklch(0.604 0.219 322.5);
}
.element {
color: var(--ultraviolet-berl);
background-color: hsl(293 57% 53%);
border-color: oklch(0.604 0.219 322.5);
}Tailwind CSS v4
@theme {
--color-ultraviolet-berl: #bb44cc;
--color-ultraviolet-berl-50: #ffe0ff;
--color-ultraviolet-berl-100: #ffcfff;
--color-ultraviolet-berl-200: #ffb3ff;
--color-ultraviolet-berl-300: #ee8df5;
--color-ultraviolet-berl-400: #d969e9;
--color-ultraviolet-berl-500: #c53ed9;
--color-ultraviolet-berl-600: #a737b7;
--color-ultraviolet-berl-700: #862c93;
--color-ultraviolet-berl-800: #621f70;
--color-ultraviolet-berl-900: #45154f;
--color-ultraviolet-berl-950: #2c0534;
}SCSS
$ultraviolet-berl: #bb44cc;
$ultraviolet-berl-rgb: 187, 68, 204;
$ultraviolet-berl-light: mix(#fff, $ultraviolet-berl, 20%);
$ultraviolet-berl-dark: mix(#000, $ultraviolet-berl, 20%);
.element {
color: $ultraviolet-berl;
box-shadow: 0 0 0 2px rgba($ultraviolet-berl, 0.35);
}