Cookie Dough Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cookie Dough (#AB7100), each snapped to its nearest named color.
#AB7100
#0090AD
#1100AA
#5C3C0D
#02CCFE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cookie Dough | #AB7100 | 171, 113, 0 | 40°, 100%, 34% | 0, 34, 100, 33 | |
| Zeftron | #0090AD | 0, 144, 173 | 190°, 100%, 34% | 100, 17, 0, 32 | |
| Groundwater | #1100AA | 17, 0, 170 | 246°, 100%, 33% | 90, 100, 0, 33 | |
| Hippogriff Brown | #5C3C0D | 92, 60, 13 | 36°, 75%, 21% | 0, 35, 86, 64 | |
| Bright Sky Blue | #02CCFE | 2, 204, 254 | 192°, 99%, 50% | 99, 20, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1100AA on #02CCFE | 6.90:1 | AA |
| Aa #5C3C0D on #02CCFE | 5.25:1 | AA |
| Aa #0090AD on #1100AA | 3.49:1 | AA large |
| Aa #AB7100 on #1100AA | 3.18:1 | AA large |
| Aa #0090AD on #5C3C0D | 2.65:1 | — |
| Aa #AB7100 on #5C3C0D | 2.42:1 | — |
CSS variables
:root {
--color-1: #ab7100; /* Cookie Dough */
--color-2: #0090ad; /* Zeftron */
--color-3: #1100aa; /* Groundwater */
--color-4: #5c3c0d; /* Hippogriff Brown */
--color-5: #02ccfe; /* Bright Sky Blue */
}Other schemes from Cookie Dough
- Cookie Dough Complementary Color Scheme#AB7100#FEAE0D#0038A8#002255#1166FF
- Cookie Dough Analogous Color Scheme#B0003C#B21B00#AB7100#94AC02#33AA00
- Cookie Dough Triadic Color Scheme#AB7100#00A870#6611AA#FFB210#00563F
- Cookie Dough Tetradic Color Scheme#AB7100#00AA11#0038A8#A00498#FFB210
- Cookie Dough Monochromatic Color Scheme#1C1208#5C3C0D#AB7100#F8A200#FFC14B
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 Cookie Dough?
In a split-complementary scheme: Zeftron (#0090AD), Groundwater (#1100AA), Hippogriff Brown (#5C3C0D), Bright Sky Blue (#02CCFE).
What is the hex code of Cookie Dough?
#AB7100.