Color con nombre · #6832E3
Burple
Burple es #6832E3: rgb(104 50 227), hsl(258 76% 54%), oklch(0.504 0.243 288.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Burple color name →
#6832E3
oklch(0.504 0.243 288.1)
Conversiones de color
- HEX
- #6832e3
- RGB
- rgb(104 50 227)
- HSL
- hsl(258 76% 54%)
- HWB
- hwb(258 20% 11%)
- OKLCH
- oklch(0.504 0.243 288.1)
- OKLab
- oklab(0.504 0.076 -0.231)
- CIE Lab
- lab(37.88 54.84 -82.18)
- LCH
- lch(37.88 98.8 303.7)
- CMYK
- cmyk(54% 78% 0% 11%)
Tintes · Sombras · Tonos
Tintes
- 734EE8
- 8066EC
- 8D7BF0
- 9C8EF4
- ABA2F7
- BBB5FA
- CBC7FC
- DCDAFE
- EDECFF
Sombras
- 592AC5
- 4B22A8
- 3E1B8C
- 301471
- 240D57
- 18073F
- 0C0327
- 040112
- 000003
Tonos
- 6941DA
- 6A4CD1
- 6B55C8
- 6D5DBE
- 7065B5
- 726BAB
- 7571A1
- 797696
- 7C7B8B
Armonías de color
Complementario +180°
- 6832E3
Burple
- 6B6800
≈ Earthy Khaki Green
Análogo -30° +30°
- 6832E3
Burple
- 005ECC
≈ Bnei Brak Bay
- 9A02BB
≈ Foxy Fuchsia
Triádico +120° +240°
- 6832E3
Burple
- A04600
≈ Powdered Coffee
- 007759
≈ Victoria Peak
Complementario dividido +150° +210°
- 6832E3
Burple
- 855C00
≈ Soil of Avagddu
- 2E7800
≈ Gardens Sericourt
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.65:1 · APCA Lc 82
Ag
FailSobre negro
WCAG 3.15:1 · APCA Lc 20
Mejor color de texto: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--burple: #6832e3;
--burple-rgb: 104 50 227;
--burple-oklch: oklch(0.504 0.243 288.1);
}
.element {
color: var(--burple);
background-color: hsl(258 76% 54%);
border-color: oklch(0.504 0.243 288.1);
}Tailwind CSS v4
@theme {
--color-burple: #6832e3;
--color-burple-50: #f4eaff;
--color-burple-100: #e7daff;
--color-burple-200: #d4c1ff;
--color-burple-300: #b89dff;
--color-burple-400: #9d7cff;
--color-burple-500: #8854ff;
--color-burple-600: #7349ed;
--color-burple-700: #5c3abf;
--color-burple-800: #402a90;
--color-burple-900: #2c1d66;
--color-burple-950: #1a0b47;
}SCSS
$burple: #6832e3;
$burple-rgb: 104, 50, 227;
$burple-light: mix(#fff, $burple, 20%);
$burple-dark: mix(#000, $burple, 20%);
.element {
color: $burple;
box-shadow: 0 0 0 2px rgba($burple, 0.35);
}