Cor nomeada · #BB2244
Hot Hibiscus
Hot Hibiscus é #BB2244: rgb(187 34 68), hsl(347 69% 43%), oklch(0.519 0.186 15.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Hot Hibiscus color name →
#BB2244
oklch(0.519 0.186 15.2)
Conversões de cor
- HEX
- #bb2244
- RGB
- rgb(187 34 68)
- HSL
- hsl(347 69% 43%)
- HWB
- hwb(347 13% 27%)
- OKLCH
- oklch(0.519 0.186 15.2)
- OKLab
- oklab(0.519 0.18 0.049)
- CIE Lab
- lab(42.08 60.23 21.72)
- LCH
- lch(42.08 64.03 19.8)
- CMYK
- cmyk(0% 82% 64% 27%)
Tons claros · Sombras · Tons
Tons claros
- C54155
- CE5967
- D76F79
- DF848B
- E6989E
- ECADB0
- F2C1C4
- F7D6D7
- FBEAEB
Sombras
- A21C3A
- 8A1630
- 731126
- 5C0B1D
- 460714
- 32030C
- 1F0105
- 0D0002
- 020000
Tons
- B7334A
- B34050
- AE4A56
- A9545C
- A35C62
- 9E6468
- 976C6E
- 907374
- 897A7A
Harmonias de cor
Complementar +180°
- BB2244
Hot Hibiscus
- 007878
≈ Prismarine
Análoga -30° +30°
- BB2244
Hot Hibiscus
- AD2A80
≈ Festival Fuchsia
- AA4500
≈ Pepperoni
Tríade +120° +240°
- BB2244
Hot Hibiscus
- 3D7A00
≈ Odd Pea Pod
- 0066C8
≈ Royal Navy Blue
Complementar dividida +150° +210°
- BB2244
Hot Hibiscus
- 007C59
≈ Sharp Green
- 007493
≈ Blue Luxury
Tétrade +90° +180° +270°
- BB2244
Hot Hibiscus
- 726B00
≈ Worn Olive
- 007878
≈ Prismarine
- 634FCD
≈ Waiporoporo Purple
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.13:1 · APCA Lc 79
Ag
FailSobre preto
WCAG 3.42:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--hot-hibiscus: #bb2244;
--hot-hibiscus-rgb: 187 34 68;
--hot-hibiscus-oklch: oklch(0.519 0.186 15.2);
}
.element {
color: var(--hot-hibiscus);
background-color: hsl(347 69% 43%);
border-color: oklch(0.519 0.186 15.2);
}Tailwind CSS v4
@theme {
--color-hot-hibiscus: #bb2244;
--color-hot-hibiscus-50: #ffe0e2;
--color-hot-hibiscus-100: #ffcfd1;
--color-hot-hibiscus-200: #ffb3b7;
--color-hot-hibiscus-300: #ff8d94;
--color-hot-hibiscus-400: #f8687a;
--color-hot-hibiscus-500: #e63d5c;
--color-hot-hibiscus-600: #c3354f;
--color-hot-hibiscus-700: #9d2b3f;
--color-hot-hibiscus-800: #751d2f;
--color-hot-hibiscus-900: #521320;
--color-hot-hibiscus-950: #370410;
}SCSS
$hot-hibiscus: #bb2244;
$hot-hibiscus-rgb: 187, 34, 68;
$hot-hibiscus-light: mix(#fff, $hot-hibiscus, 20%);
$hot-hibiscus-dark: mix(#000, $hot-hibiscus, 20%);
.element {
color: $hot-hibiscus;
box-shadow: 0 0 0 2px rgba($hot-hibiscus, 0.35);
}