Dark Orange Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dark Orange (#C65102), each snapped to its nearest named color.
#C65102
#00C4B0
#0011CC
#773300
#11FFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Dark Orange | #C65102 | 198, 81, 2 | 24°, 98%, 39% | 0, 59, 99, 22 | 58.0% 0.166 45 | |
| Amazonite | #00C4B0 | 0, 196, 176 | 174°, 100%, 38% | 100, 0, 10, 23 | 73.6% 0.132 182 | |
| Vesper | #0011CC | 0, 17, 204 | 235°, 100%, 40% | 100, 92, 0, 20 | 39.0% 0.259 264 | |
| Bay Brown | #773300 | 119, 51, 0 | 26°, 100%, 23% | 0, 57, 100, 53 | 40.8% 0.110 49 | |
| Ice Temple | #11FFEE | 17, 255, 238 | 176°, 100%, 53% | 93, 0, 7, 0 | 90.1% 0.157 186 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0011CC on #11FFEE | 8.48:1 | AAA |
| Aa #773300 on #11FFEE | 7.34:1 | AAA |
| Aa #00C4B0 on #0011CC | 4.88:1 | AA |
| Aa #00C4B0 on #773300 | 4.22:1 | AA large |
| Aa #C65102 on #11FFEE | 3.62:1 | AA large |
| Aa #C65102 on #0011CC | 2.35:1 | — |
CSS variables
:root {
--color-1: #c65102; /* Dark Orange */
--color-2: #00c4b0; /* Amazonite */
--color-3: #0011cc; /* Vesper */
--color-4: #773300; /* Bay Brown */
--color-5: #11ffee; /* Ice Temple */
}Other schemes from Dark Orange
- Dark Orange Complementary Color Scheme#C65102#F77D25#0079C1#00477A#30A9FF
- Dark Orange Analogous Color Scheme#C20078#C90016#C65102#C9B003#77CC00
- Dark Orange Triadic Color Scheme#C65102#02C14D#510AC9#FB8136#007733
- Dark Orange Tetradic Color Scheme#C65102#11CC00#0079C1#AA00CC#FB8136
- Dark Orange Monochromatic Color Scheme#2D1403#773300#C65102#FF7518#FEA464
More dark orange split-complementary color schemes
- 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 Dark Orange?
In a split-complementary scheme: Amazonite (#00C4B0), Vesper (#0011CC), Bay Brown (#773300), Ice Temple (#11FFEE).
What is the hex code of Dark Orange?
#C65102.