Color con nombre · #DB372A
Poinciana
Poinciana es #DB372A: rgb(219 55 42), hsl(4 71% 51%), oklch(0.588 0.202 29.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Poinciana color name →
#DB372A
oklch(0.588 0.202 29.2)
Conversiones de color
- HEX
- #db372a
- RGB
- rgb(219 55 42)
- HSL
- hsl(4 71% 51%)
- HWB
- hwb(4 16% 14%)
- OKLCH
- oklch(0.588 0.202 29.2)
- OKLab
- oklab(0.588 0.177 0.099)
- CIE Lab
- lab(50.26 63.03 47.91)
- LCH
- lch(50.26 79.17 37.2)
- CMYK
- cmyk(0% 75% 81% 14%)
Tintes · Sombras · Tonos
Tintes
- E25242
- E86858
- ED7C6D
- F29082
- F6A396
- F9B6AB
- FCC8BF
- FEDAD4
- FFEDEA
Sombras
- BE2E23
- A2261C
- 871E16
- 6D1610
- 540F0A
- 3C0805
- 260302
- 110101
- 020000
Tonos
- D34436
- CC4F40
- C4574A
- BB5F52
- B3665B
- AA6C63
- A0726A
- 967772
- 8C7C79
Armonías de color
Complementario +180°
- DB372A
Poinciana
- 008D9D
≈ Coral Coast
Análogo -30° +30°
- DB372A
Poinciana
- D33379
≈ Fuchsia Purple
- B76400
≈ Umber
Triádico +120° +240°
- DB372A
Poinciana
- 009641
≈ Green Revolution
- 4E6EF3
≈ Flickering Sea
Complementario dividido +150° +210°
- DB372A
Poinciana
- 00917E
≈ Miami Jade
- 0085C2
≈ Ibiza Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.57:1 · APCA Lc 70
Ag
AASobre negro
WCAG 4.59:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.59:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--poinciana: #db372a;
--poinciana-rgb: 219 55 42;
--poinciana-oklch: oklch(0.588 0.202 29.2);
}
.element {
color: var(--poinciana);
background-color: hsl(4 71% 51%);
border-color: oklch(0.588 0.202 29.2);
}Tailwind CSS v4
@theme {
--color-poinciana: #db372a;
--color-poinciana-50: #ffe0d2;
--color-poinciana-100: #ffcfbf;
--color-poinciana-200: #ffb39e;
--color-poinciana-300: #ff8c75;
--color-poinciana-400: #ff6453;
--color-poinciana-500: #ef3427;
--color-poinciana-600: #c92f24;
--color-poinciana-700: #a2261c;
--color-poinciana-800: #791916;
--color-poinciana-900: #56100e;
--color-poinciana-950: #390203;
}SCSS
$poinciana: #db372a;
$poinciana-rgb: 219, 55, 42;
$poinciana-light: mix(#fff, $poinciana, 20%);
$poinciana-dark: mix(#000, $poinciana, 20%);
.element {
color: $poinciana;
box-shadow: 0 0 0 2px rgba($poinciana, 0.35);
}