Ginger Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ginger (#B06500), each snapped to its nearest named color.
#B06500
#00A4B1
#1100AA
#653700
#00EBFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ginger | #B06500 | 176, 101, 0 | 34°, 100%, 35% | 0, 43, 100, 31 | |
| Garish Blue | #00A4B1 | 0, 164, 177 | 184°, 100%, 35% | 100, 7, 0, 31 | |
| Groundwater | #1100AA | 17, 0, 170 | 246°, 100%, 33% | 90, 100, 0, 33 | |
| Brown | #653700 | 101, 55, 0 | 33°, 100%, 20% | 0, 46, 100, 60 | |
| Whimsical Blue | #00EBFF | 0, 235, 255 | 185°, 100%, 50% | 100, 8, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1100AA on #00EBFF | 8.93:1 | AAA |
| Aa #653700 on #00EBFF | 6.82:1 | AA |
| Aa #00A4B1 on #1100AA | 4.33:1 | AA large |
| Aa #00A4B1 on #653700 | 3.31:1 | AA large |
| Aa #B06500 on #00EBFF | 3.04:1 | AA large |
| Aa #B06500 on #1100AA | 2.93:1 | — |
CSS variables
:root {
--color-1: #b06500; /* Ginger */
--color-2: #00a4b1; /* Garish Blue */
--color-3: #1100aa; /* Groundwater */
--color-4: #653700; /* Brown */
--color-5: #00ebff; /* Whimsical Blue */
}Other schemes from Ginger
- Ginger Complementary Color Scheme#B06500#FF990E#0047AB#032A62#1177FF
- Ginger Analogous Color Scheme#B00149#AE0C00#B06500#A8B504#44AA00
- Ginger Triadic Color Scheme#B06500#00AB66#6611AA#FE9E13#006633
- Ginger Tetradic Color Scheme#B06500#00AA11#0047AB#AA00AA#FE9E13
- Ginger Monochromatic Color Scheme#1C1208#653700#B06500#FF8F00#FFB347
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 Ginger?
In a split-complementary scheme: Garish Blue (#00A4B1), Groundwater (#1100AA), Brown (#653700), Whimsical Blue (#00EBFF).
What is the hex code of Ginger?
#B06500.