Nearest named color · #BB0833
#BB0833
Nearest named color: Hot Cuba
#BB0833 (rgb(187 8 51), hsl(346 92% 38%), oklch(0.504 0.199 19.1)) is closest to the named color Hot Cuba. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BB0833
oklch(0.504 0.199 19.1)
Color conversions
- HEX
- #bb0833
- RGB
- rgb(187 8 51)
- HSL
- hsl(346 92% 38%)
- HWB
- hwb(346 3% 27%)
- OKLCH
- oklch(0.504 0.199 19.1)
- OKLab
- oklab(0.504 0.188 0.065)
- CIE Lab
- lab(40.3 63.95 30.23)
- LCH
- lch(40.3 70.74 25.3)
- CMYK
- cmyk(0% 96% 73% 27%)
Tints · Shades · Tones
Tints
- C53647
- CF515A
- D7696D
- DF7F81
- E79595
- EDAAAA
- F3BFBF
- F8D4D4
- FCEAE9
Shades
- A2062B
- 8A0423
- 73031C
- 5C0214
- 46010D
- 320107
- 1F0003
- 0D0001
- 020000
Tones
- B7273B
- B33743
- AE444B
- AA4F53
- A4595B
- 9E6162
- 986A6A
- 917171
- 897979
Color harmonies
Complementary +180°
- BB0833
Hot Cuba
- 007377
≈ Essential Teal
Analogous -30° +30°
- BB0833
Hot Cuba
- AE1676
≈ Fabric of Love
- 9F4700
≈ Oregon
Triadic +120° +240°
- BB0833
Hot Cuba
- 287800
≈ Botanical Beauty
- 005BD1
≈ Bnei Brak Bay
Split-complementary +150° +210°
- BB0833
Hot Cuba
- 00765A
≈ Tropical Rainforest
- 006E91
≈ Tropic Sea
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.57:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.19:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.57:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--hot-cuba: #bb0833;
--hot-cuba-rgb: 187 8 51;
--hot-cuba-oklch: oklch(0.504 0.199 19.1);
}
.element {
color: var(--hot-cuba);
background-color: hsl(346 92% 38%);
border-color: oklch(0.504 0.199 19.1);
}Tailwind CSS v4
@theme {
--color-hot-cuba: #bb0833;
--color-hot-cuba-50: #ffdfdc;
--color-hot-cuba-100: #ffcecb;
--color-hot-cuba-200: #ffb1af;
--color-hot-cuba-300: #ff8a8a;
--color-hot-cuba-400: #fe636e;
--color-hot-cuba-500: #ed334e;
--color-hot-cuba-600: #c82e43;
--color-hot-cuba-700: #a12535;
--color-hot-cuba-800: #781828;
--color-hot-cuba-900: #55101b;
--color-hot-cuba-950: #39020b;
}SCSS
$hot-cuba: #bb0833;
$hot-cuba-rgb: 187, 8, 51;
$hot-cuba-light: mix(#fff, $hot-cuba, 20%);
$hot-cuba-dark: mix(#000, $hot-cuba, 20%);
.element {
color: $hot-cuba;
box-shadow: 0 0 0 2px rgba($hot-cuba, 0.35);
}