Color con nombre más cercano · #CE1E6A
#CE1E6A
Color con nombre más cercano: Vampiric Bloodlust
#CE1E6A (rgb(206 30 106), hsl(334 75% 46%), oklch(0.56 0.211 2.3)) se parece más al color con nombre Vampiric Bloodlust. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#CE1E6A
oklch(0.56 0.211 2.3)
Conversiones de color
- HEX
- #ce1e6a
- RGB
- rgb(206 30 106)
- HSL
- hsl(334 75% 46%)
- HWB
- hwb(334 12% 19%)
- OKLCH
- oklch(0.56 0.211 2.3)
- OKLab
- oklab(0.56 0.211 0.009)
- CIE Lab
- lab(46.36 68.02 4.5)
- LCH
- lch(46.36 68.17 3.8)
- CMYK
- cmyk(0% 85% 49% 19%)
Tintes · Sombras · Tonos
Tintes
- D64178
- DE5A86
- E47194
- EB86A3
- F09BB2
- F5AFC1
- F8C3D0
- FCD7DF
- FEEBEF
Sombras
- B3195B
- 98134D
- 7F0E3F
- 660931
- 4E0524
- 380318
- 23010D
- 0F0004
- 020000
Tonos
- C8326C
- C2406E
- BB4C71
- B45573
- AD5E75
- A56677
- 9D6D79
- 94747C
- 8B7A7E
Armonías de color
Complementario +180°
- CE1E6A
Vampiric Bloodlust
- 008779
≈ Mystic Turquoise
Análogo -30° +30°
- CE1E6A
Vampiric Bloodlust
- B632A9
≈ San Francisco Pink
- D42700
≈ Dazzling Red
Triádico +120° +240°
- CE1E6A
Vampiric Bloodlust
- 678000
≈ Jungle Vibes
- 007BBC
≈ Deep Cerulean
Complementario dividido +150° +210°
- CE1E6A
Vampiric Bloodlust
- 008C47
≈ Grass Court
- 008396
≈ Cruising
Tetrádico +90° +180° +270°
- CE1E6A
Vampiric Bloodlust
- 8C7200
≈ Vermin Brown
- 008779
≈ Mystic Turquoise
- 4F60ED
≈ The Rainbow Fish
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.22:1 · APCA Lc 74
Ag
FailSobre negro
WCAG 4.01:1 · APCA Lc 28
Mejor color de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 74
Contrast pairs
Fragmentos de código
CSS
:root {
--vampiric-bloodlust: #ce1e6a;
--vampiric-bloodlust-rgb: 206 30 106;
--vampiric-bloodlust-oklch: oklch(0.56 0.211 2.3);
}
.element {
color: var(--vampiric-bloodlust);
background-color: hsl(334 75% 46%);
border-color: oklch(0.56 0.211 2.3);
}Tailwind CSS v4
@theme {
--color-vampiric-bloodlust: #ce1e6a;
--color-vampiric-bloodlust-50: #ffddee;
--color-vampiric-bloodlust-100: #ffcbdf;
--color-vampiric-bloodlust-200: #ffadc9;
--color-vampiric-bloodlust-300: #ff84aa;
--color-vampiric-bloodlust-400: #fd5c94;
--color-vampiric-bloodlust-500: #eb267a;
--color-vampiric-bloodlust-600: #c72468;
--color-vampiric-bloodlust-700: #a01d53;
--color-vampiric-bloodlust-800: #77133f;
--color-vampiric-bloodlust-900: #540d2b;
--color-vampiric-bloodlust-950: #380019;
}SCSS
$vampiric-bloodlust: #ce1e6a;
$vampiric-bloodlust-rgb: 206, 30, 106;
$vampiric-bloodlust-light: mix(#fff, $vampiric-bloodlust, 20%);
$vampiric-bloodlust-dark: mix(#000, $vampiric-bloodlust, 20%);
.element {
color: $vampiric-bloodlust;
box-shadow: 0 0 0 2px rgba($vampiric-bloodlust, 0.35);
}