Brown Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Brown (#653700), each snapped to its nearest named color.
#653700
#016367
#000066
#1C1208
#01A7B2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Brown | #653700 | 101, 55, 0 | 33°, 100%, 20% | 0, 46, 100, 60 | |
| Really Teal | #016367 | 1, 99, 103 | 182°, 98%, 20% | 99, 4, 0, 60 | |
| Alone in the Dark | #000066 | 0, 0, 102 | 240°, 100%, 20% | 100, 100, 0, 60 | |
| Crowshead | #1C1208 | 28, 18, 8 | 30°, 56%, 7% | 0, 36, 71, 89 | |
| Exotic Sea | #01A7B2 | 1, 167, 178 | 184°, 99%, 35% | 99, 6, 0, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1C1208 on #01A7B2 | 6.29:1 | AA |
| Aa #000066 on #01A7B2 | 6.02:1 | AA |
| Aa #653700 on #01A7B2 | 3.42:1 | AA large |
| Aa #016367 on #1C1208 | 2.62:1 | — |
| Aa #016367 on #000066 | 2.50:1 | — |
| Aa #016367 on #01A7B2 | 2.41:1 | — |
CSS variables
:root {
--color-1: #653700; /* Brown */
--color-2: #016367; /* Really Teal */
--color-3: #000066; /* Alone in the Dark */
--color-4: #1c1208; /* Crowshead */
--color-5: #01a7b2; /* Exotic Sea */
}Other schemes from Brown
- Brown Complementary Color Scheme#653700#CA6B02#002E63#01081C#0055CC
- Brown Analogous Color Scheme#640125#660000#653700#606602#226600
- Brown Triadic Color Scheme#653700#006633#330066#CA6B02#001111
- Brown Tetradic Color Scheme#653700#046307#002E63#660066#CA6B02
- Brown Monochromatic Color Scheme#1C1208#1C1208#653700#B16002#FF8B00
More Very Dark Orange split-complementary palettes
- Black Chocolate Split-complementary Color Scheme#441100#014431#001144#1A0600#018F6B
- Burnt Coffee Split-complementary Color Scheme#271B10#10252A#111122#130D07#275A5D
- Chocolate Castle Split-complementary Color Scheme#452207#004444#000B44#1C1208#0B8B87
- Close but No Cigar Split-complementary Color Scheme#361D0A#113333#071037#1C1208#117471
- Cola Split-complementary Color Scheme#3C2F23#273E3E#21263A#130D0D#3E6D6A
- Creole Split-complementary Color Scheme#393227#203838#21263A#14100E#4A686C
- Délicieux au Chocolat Split-complementary Color Scheme#412010#12403C#111144#130D07#1F7F76
- English Walnut Split-complementary Color Scheme#3E2B23#273F39#21263A#130D0D#3E6D6A
- Evil Cigar Split-complementary Color Scheme#522000#005249#001155#1A0600#019E91
- Go to Hell Black Split-complementary Color Scheme#342C21#213638#222233#14100E#3A6364
- King Kong Split-complementary Color Scheme#161410#0F1519#0B0F1A#12110E#2D454A
- Medium Roast Split-complementary Color Scheme#3C2005#003839#000435#1C1208#0E8787
Questions
What colors go with Brown?
In a split-complementary scheme: Really Teal (#016367), Alone in the Dark (#000066), Crowshead (#1C1208), Exotic Sea (#01A7B2).
What is the hex code of Brown?
#653700.