Hot Cuba Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hot Cuba (#BB0033), each snapped to its nearest named color.
#BB0033
#00BB22
#0094BB
#680018
#00FF40
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Cuba | #BB0033 | 187, 0, 51 | 344°, 100%, 37% | 0, 100, 73, 27 | |
| Pedestrian Green | #00BB22 | 0, 187, 34 | 131°, 100%, 37% | 100, 0, 82, 27 | |
| Blue Danube | #0094BB | 0, 148, 187 | 193°, 100%, 37% | 100, 21, 0, 27 | |
| Claret | #680018 | 104, 0, 24 | 346°, 100%, 20% | 0, 100, 77, 59 | |
| Erin | #00FF40 | 0, 255, 64 | 135°, 100%, 50% | 100, 0, 75, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #680018 on #00FF40 | 9.60:1 | AAA |
| Aa #00BB22 on #680018 | 5.08:1 | AA |
| Aa #BB0033 on #00FF40 | 4.87:1 | AA |
| Aa #0094BB on #680018 | 3.72:1 | AA large |
| Aa #0094BB on #00FF40 | 2.58:1 | — |
| Aa #BB0033 on #00BB22 | 2.57:1 | — |
CSS variables
:root {
--color-1: #bb0033; /* Hot Cuba */
--color-2: #00bb22; /* Pedestrian Green */
--color-3: #0094bb; /* Blue Danube */
--color-4: #680018; /* Claret */
--color-5: #00ff40; /* Erin */
}Other schemes from Hot Cuba
- Hot Cuba Complementary Color Scheme#BB0033#FF1155#00BB88#006E4E#32FFDC
- Hot Cuba Analogous Color Scheme#8601BF#BB0099#BB0033#B52604#BB8800
- Hot Cuba Triadic Color Scheme#BB0033#33BB00#0033BB#FF255C#117700
- Hot Cuba Tetradic Color Scheme#BB0033#99BB00#00BB88#2000B1#FF255C
- Hot Cuba Monochromatic Color Scheme#220011#680018#BB0033#FF004D#FB5581
More Dark Pink split-complementary palettes
- 8 Bit Eggplant Split-complementary Color Scheme#990066#119900#009B7D#4C022F#33EE00
- Aristocratic Velvet Split-complementary Color Scheme#980B4A#009911#0D9494#550022#0ADD08
- Aztec Warrior Split-complementary Color Scheme#BB0066#11BB00#0ABAB5#730039#1BFC06
- Bane of Royalty Split-complementary Color Scheme#871466#328E13#1B8A6B#4C022F#46CB18
- Beet Red Split-complementary Color Scheme#7E203F#287C37#216879#441122#36B14E
- Berry Split-complementary Color Scheme#990F4B#009911#12939A#4C022F#13DA25
- Bindi Red Split-complementary Color Scheme#B0003C#00AA11#0093AF#650021#00FF26
- Bordeaux Split-complementary Color Scheme#7B002C#007711#00697C#330011#00CC11
- Botticelli Split-complementary Color Scheme#B70272#11BB00#00BBAA#770044#21FC0D
- Bruise Split-complementary Color Scheme#7E4071#4F7942#447A66#462343#75AD5B
- Castro Split-complementary Color Scheme#44232F#224634#283C44#130D0D#3D7049
- Cranberry Split-complementary Color Scheme#9E003A#009911#00889F#560319#00EE11
Questions
What colors go with Hot Cuba?
In a split-complementary scheme: Pedestrian Green (#00BB22), Blue Danube (#0094BB), Claret (#680018), Erin (#00FF40).
What is the hex code of Hot Cuba?
#BB0033.