Brownstone Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Brownstone (#785441), each snapped to its nearest named color.
#785441
#457973
#4B4775
#4B3029
#5DA99F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Brownstone | #785441 | 120, 84, 65 | 21°, 30%, 36% | 0, 30, 46, 53 | |
| Sea Pea | #457973 | 69, 121, 115 | 173°, 27%, 37% | 43, 0, 5, 53 | |
| Dramatist | #4B4775 | 75, 71, 117 | 245°, 24%, 37% | 36, 39, 0, 54 | |
| Rojo Marrón | #4B3029 | 75, 48, 41 | 12°, 29%, 23% | 0, 36, 45, 71 | |
| Dragon Bay | #5DA99F | 93, 169, 159 | 172°, 31%, 51% | 45, 0, 6, 34 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4B3029 on #5DA99F | 4.36:1 | AA large |
| Aa #4B4775 on #5DA99F | 3.11:1 | AA large |
| Aa #785441 on #5DA99F | 2.43:1 | — |
| Aa #457973 on #4B3029 | 2.41:1 | — |
| Aa #457973 on #5DA99F | 1.80:1 | — |
| Aa #785441 on #4B3029 | 1.79:1 | — |
CSS variables
:root {
--color-1: #785441; /* Brownstone */
--color-2: #457973; /* Sea Pea */
--color-3: #4b4775; /* Dramatist */
--color-4: #4b3029; /* Rojo Marrón */
--color-5: #5da99f; /* Dragon Bay */
}Other schemes from Brownstone
- Brownstone Complementary Color Scheme#785441#AD8068#426579#253C48#729BB3
- Brownstone Analogous Color Scheme#784467#774548#785441#7A6D44#667744
- Brownstone Triadic Color Scheme#785441#407A52#564375#AF8871#224634
- Brownstone Tetradic Color Scheme#785441#4F7942#426579#68457A#AF8871
- Brownstone Monochromatic Color Scheme#16110D#4B3029#785441#A9765D#C3A491
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 Brownstone?
In a split-complementary scheme: Sea Pea (#457973), Dramatist (#4B4775), Rojo Marrón (#4B3029), Dragon Bay (#5DA99F).
What is the hex code of Brownstone?
#785441.