Adlandırılmış renk · #AD0AFD
Bright Violet
Bright Violet, #AD0AFD: rgb(173 10 253), hsl(280 98% 52%), oklch(0.585 0.296 308.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Bright Violet color name →
#AD0AFD
oklch(0.585 0.296 308.2)
Renk dönüşümleri
- HEX
- #ad0afd
- RGB
- rgb(173 10 253)
- HSL
- hsl(280 98% 52%)
- HWB
- hwb(280 4% 1%)
- OKLCH
- oklch(0.585 0.296 308.2)
- OKLab
- oklab(0.585 0.183 -0.232)
- CIE Lab
- lab(46.27 79.17 -82.65)
- LCH
- lch(46.27 114.45 313.8)
- CMYK
- cmyk(32% 96% 0% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B541FF
- BD5EFF
- C676FF
- CE8CFF
- D6A0FF
- DEB4FF
- E6C7FF
- EFDAFF
- F7ECFF
Koyu tonlar
- 9607DC
- 7F05BC
- 6A039D
- 55027F
- 410162
- 2D0147
- 1B002D
- 0B0016
- 010003
Gri tonlar
- A930F1
- A442E5
- A04FD9
- 9B59CD
- 9762C1
- 926AB4
- 8E70A8
- 89769B
- 857B8E
Renk uyumları
Tamamlayıcı +180°
- AD0AFD
Bright Violet
- 618C00
≈ Sap Green
Analog -30° +30°
- AD0AFD
Bright Violet
- 655FFF
≈ Blue Genie
- D200AE
≈ Perfectly Purple Place
Üçlü +120° +240°
- AD0AFD
Bright Violet
- AD6B00
≈ Caramel
- 008F87
≈ Aqua Experience
Bölünmüş tamamlayıcı +150° +210°
- AD0AFD
Bright Violet
- 8F7C00
≈ Moscow Papyrus
- 00935C
≈ Green Gloss
Dörtlü +90° +180° +270°
- AD0AFD
Bright Violet
- D44300
≈ Lava Smoothie
- 618C00
≈ Sap Green
- 008AA5
≈ Capri Breeze
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.95:1 · APCA Lc 72
Ag
FailSiyah üzerinde
WCAG 4.23:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--bright-violet: #ad0afd;
--bright-violet-rgb: 173 10 253;
--bright-violet-oklch: oklch(0.585 0.296 308.2);
}
.element {
color: var(--bright-violet);
background-color: hsl(280 98% 52%);
border-color: oklch(0.585 0.296 308.2);
}Tailwind CSS v4
@theme {
--color-bright-violet: #ad0afd;
--color-bright-violet-50: #ffdeff;
--color-bright-violet-100: #ffcbff;
--color-bright-violet-200: #fbadff;
--color-bright-violet-300: #e582ff;
--color-bright-violet-400: #cf56ff;
--color-bright-violet-500: #bd00ff;
--color-bright-violet-600: #9f00ea;
--color-bright-violet-700: #8007bd;
--color-bright-violet-800: #5d0590;
--color-bright-violet-900: #410566;
--color-bright-violet-950: #2a0047;
}SCSS
$bright-violet: #ad0afd;
$bright-violet-rgb: 173, 10, 253;
$bright-violet-light: mix(#fff, $bright-violet, 20%);
$bright-violet-dark: mix(#000, $bright-violet, 20%);
.element {
color: $bright-violet;
box-shadow: 0 0 0 2px rgba($bright-violet, 0.35);
}