Dropped Brick Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dropped Brick (#BB3300), each snapped to its nearest named color.
#BB3300
#00BB88
#0022BB
#711A00
#00FFCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dropped Brick | #BB3300 | 187, 51, 0 | 16°, 100%, 37% | 0, 73, 100, 27 | |
| Slime Girl | #00BB88 | 0, 187, 136 | 164°, 100%, 37% | 100, 0, 27, 27 | |
| Underwater Falling | #0022BB | 0, 34, 187 | 229°, 100%, 37% | 100, 82, 0, 27 | |
| Cedar Wood Finish | #711A00 | 113, 26, 0 | 14°, 100%, 22% | 0, 77, 100, 56 | |
| Plunge Pool | #00FFCC | 0, 255, 204 | 168°, 100%, 50% | 100, 0, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #711A00 on #00FFCC | 8.74:1 | AAA |
| Aa #0022BB on #00FFCC | 8.31:1 | AAA |
| Aa #00BB88 on #711A00 | 4.58:1 | AA |
| Aa #BB3300 on #00FFCC | 4.51:1 | AA |
| Aa #00BB88 on #0022BB | 4.35:1 | AA large |
| Aa #BB3300 on #00BB88 | 2.36:1 | — |
CSS variables
:root {
--color-1: #bb3300; /* Dropped Brick */
--color-2: #00bb88; /* Slime Girl */
--color-3: #0022bb; /* Underwater Falling */
--color-4: #711a00; /* Cedar Wood Finish */
--color-5: #00ffcc; /* Plunge Pool */
}Other schemes from Dropped Brick
- Dropped Brick Complementary Color Scheme#BB3300#FE5A1D#0088BB#004F6D#37C4FA
- Dropped Brick Analogous Color Scheme#BB0088#BC002C#BB3300#B79400#88BB00
- Dropped Brick Triadic Color Scheme#BB3300#00BB33#3300AA#F65D20#016612
- Dropped Brick Tetradic Color Scheme#BB3300#22BB00#0088BB#8601BF#F65D20
- Dropped Brick Monochromatic Color Scheme#221100#711A00#BB3300#FE4B03#FF8656
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Dropped Brick?
In a split-complementary scheme: Slime Girl (#00BB88), Underwater Falling (#0022BB), Cedar Wood Finish (#711A00), Plunge Pool (#00FFCC).
What is the hex code of Dropped Brick?
#BB3300.