Hot Brown Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hot Brown (#984218), each snapped to its nearest named color.
#984218
#189086
#113691
#552211
#2DC5BB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Brown | #984218 | 152, 66, 24 | 20°, 73%, 35% | 0, 57, 84, 40 | |
| Ocean Liner | #189086 | 24, 144, 134 | 175°, 71%, 33% | 83, 0, 7, 44 | |
| Dark Seashore Night | #113691 | 17, 54, 145 | 223°, 79%, 32% | 88, 63, 0, 43 | |
| Peaty Brown | #552211 | 85, 34, 17 | 15°, 67%, 20% | 0, 60, 80, 67 | |
| Swimmers Pool | #2DC5BB | 45, 197, 187 | 176°, 63%, 47% | 77, 0, 5, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #552211 on #2DC5BB | 6.05:1 | AA |
| Aa #113691 on #2DC5BB | 5.01:1 | AA |
| Aa #189086 on #552211 | 3.31:1 | AA large |
| Aa #984218 on #2DC5BB | 3.14:1 | AA large |
| Aa #189086 on #113691 | 2.74:1 | — |
| Aa #984218 on #552211 | 1.93:1 | — |
CSS variables
:root {
--color-1: #984218; /* Hot Brown */
--color-2: #189086; /* Ocean Liner */
--color-3: #113691; /* Dark Seashore Night */
--color-4: #552211; /* Peaty Brown */
--color-5: #2dc5bb; /* Swimmers Pool */
}Other schemes from Hot Brown
- Hot Brown Complementary Color Scheme#984218#DE6931#1B7598#123D55#3AAFDC
- Hot Brown Analogous Color Scheme#991166#95122C#984218#998811#769C18
- Hot Brown Triadic Color Scheme#984218#119944#4A148C#DD6B38#005726
- Hot Brown Tetradic Color Scheme#984218#229911#1B7598#881188#DD6B38
- Hot Brown Monochromatic Color Scheme#130A06#552211#984218#DD5522#E88D68
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 Hot Brown?
In a split-complementary scheme: Ocean Liner (#189086), Dark Seashore Night (#113691), Peaty Brown (#552211), Swimmers Pool (#2DC5BB).
What is the hex code of Hot Brown?
#984218.