Color con nombre más cercano · #D21859
#D21859
Color con nombre más cercano: Vampire Fangs
#D21859 (rgb(210 24 89), hsl(339 79% 46%), oklch(0.56 0.214 9.3)) se parece más al color con nombre Vampire Fangs. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D21859
oklch(0.56 0.214 9.3)
Conversiones de color
- HEX
- #d21859
- RGB
- rgb(210 24 89)
- HSL
- hsl(339 79% 46%)
- HWB
- hwb(339 9% 18%)
- OKLCH
- oklch(0.56 0.214 9.3)
- OKLab
- oklab(0.56 0.211 0.034)
- CIE Lab
- lab(46.44 69.2 15.33)
- LCH
- lch(46.44 70.88 12.5)
- CMYK
- cmyk(0% 89% 58% 18%)
Tintes · Sombras · Tonos
Tintes
- DA3F68
- E15978
- E87088
- EE8698
- F39AA9
- F7AFB9
- FAC3CA
- FDD7DC
- FEEBED
Sombras
- B6134C
- 9B0F40
- 810A34
- 680728
- 50041D
- 390213
- 240109
- 100003
- 020000
Tonos
- CC305D
- C53F61
- BE4B65
- B75569
- AF5E6D
- A76670
- 9F6D74
- 957478
- 8B7A7C
Armonías de color
Complementario +180°
- D21859
Vampire Fangs
- 008680
≈ Ornamental Turquoise
Análogo -30° +30°
- D21859
Vampire Fangs
- BE2A9C
≈ Fuchsia Flourish
- C64100
≈ Vinaceous Tawny
Triádico +120° +240°
- D21859
Vampire Fangs
- 588400
≈ Avocado
- 0077CB
≈ Science Blue
Complementario dividido +150° +210°
- D21859
Vampire Fangs
- 008A58
≈ Center Field
- 00829D
≈ Decore Splash
Tetrádico +90° +180° +270°
- D21859
Vampire Fangs
- 857500
≈ Soft Fig
- 008680
≈ Ornamental Turquoise
- 615AEC
≈ Arcane Brew
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.23:1 · APCA Lc 74
Ag
FailSobre negro
WCAG 4.01:1 · APCA Lc 28
Mejor color de texto: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 74
Contrast pairs
Fragmentos de código
CSS
:root {
--vampire-fangs: #d21859;
--vampire-fangs-rgb: 210 24 89;
--vampire-fangs-oklch: oklch(0.56 0.214 9.3);
}
.element {
color: var(--vampire-fangs);
background-color: hsl(339 79% 46%);
border-color: oklch(0.56 0.214 9.3);
}Tailwind CSS v4
@theme {
--color-vampire-fangs: #d21859;
--color-vampire-fangs-50: #ffdce6;
--color-vampire-fangs-100: #ffcad6;
--color-vampire-fangs-200: #ffacbd;
--color-vampire-fangs-300: #ff849c;
--color-vampire-fangs-400: #ff5a83;
--color-vampire-fangs-500: #f02067;
--color-vampire-fangs-600: #cb2058;
--color-vampire-fangs-700: #a31a46;
--color-vampire-fangs-800: #7a1035;
--color-vampire-fangs-900: #560b24;
--color-vampire-fangs-950: #390013;
}SCSS
$vampire-fangs: #d21859;
$vampire-fangs-rgb: 210, 24, 89;
$vampire-fangs-light: mix(#fff, $vampire-fangs, 20%);
$vampire-fangs-dark: mix(#000, $vampire-fangs, 20%);
.element {
color: $vampire-fangs;
box-shadow: 0 0 0 2px rgba($vampire-fangs, 0.35);
}