Dichtstbijzijnde benoemde kleur · #B52EF4
#B52EF4
Dichtstbijzijnde benoemde kleur: Neon Purple
#B52EF4 (rgb(181 46 244), hsl(281 90% 57%), oklch(0.604 0.273 311.5)) komt het dichtst bij de benoemde kleur Neon Purple. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B52EF4
oklch(0.604 0.273 311.5)
Kleurconversies
- HEX
- #b52ef4
- RGB
- rgb(181 46 244)
- HSL
- hsl(281 90% 57%)
- HWB
- hwb(281 18% 4%)
- OKLCH
- oklch(0.604 0.273 311.5)
- OKLab
- oklab(0.604 0.181 -0.205)
- CIE Lab
- lab(49.16 72.88 -72.85)
- LCH
- lch(49.16 103.05 315)
- CMYK
- cmyk(26% 81% 0% 4%)
Tinten · Schaduwen · Tonen
Tinten
- BD4EF7
- C467F9
- CC7DFB
- D491FD
- DBA4FE
- E2B7FF
- EAC9FF
- F1DBFF
- F8EDFF
Schaduwen
- 9D27D4
- 861FB5
- 6F1897
- 59127A
- 440B5E
- 300644
- 1D022B
- 0C0114
- 020003
Tonen
- B040E9
- AB4CDE
- A657D2
- A15FC7
- 9B66BC
- 966DB0
- 9172A5
- 8B7799
- 867C8D
Kleurharmonieën
Complementair +180°
- B52EF4
Neon Purple
- 5B9400
≈ Vida Loca
Analoog -30° +30°
- B52EF4
Neon Purple
- 7264FF
≈ Blue Genie
- DD00AD
≈ Aphroditean Fuchsia
Triadisch +120° +240°
- B52EF4
Neon Purple
- B17200
≈ Philippine Gold
- 009591
≈ Intermezzo
Gesplitst complementair +150° +210°
- B52EF4
Neon Purple
- 928300
≈ Thicket Green
- 009967
≈ Green Cyan
Tetradisch +90° +180° +270°
- B52EF4
Neon Purple
- D74F00
≈ Deep Orange
- 5B9400
≈ Vida Loca
- 0090B0
≈ Zeftron
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.50:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.66:1 · APCA Lc 32
Beste tekstkleur: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Codefragmenten
CSS
:root {
--neon-purple: #b52ef4;
--neon-purple-rgb: 181 46 244;
--neon-purple-oklch: oklch(0.604 0.273 311.5);
}
.element {
color: var(--neon-purple);
background-color: hsl(281 90% 57%);
border-color: oklch(0.604 0.273 311.5);
}Tailwind CSS v4
@theme {
--color-neon-purple: #b52ef4;
--color-neon-purple-50: #ffdeff;
--color-neon-purple-100: #ffccff;
--color-neon-purple-200: #fdafff;
--color-neon-purple-300: #e885ff;
--color-neon-purple-400: #d25cff;
--color-neon-purple-500: #bf1aff;
--color-neon-purple-600: #a11edc;
--color-neon-purple-700: #8219b1;
--color-neon-purple-800: #5e1187;
--color-neon-purple-900: #420c5f;
--color-neon-purple-950: #2a0041;
}SCSS
$neon-purple: #b52ef4;
$neon-purple-rgb: 181, 46, 244;
$neon-purple-light: mix(#fff, $neon-purple, 20%);
$neon-purple-dark: mix(#000, $neon-purple, 20%);
.element {
color: $neon-purple;
box-shadow: 0 0 0 2px rgba($neon-purple, 0.35);
}