Roastery Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Roastery (#692302), each snapped to its nearest named color.
#692302
#006B56
#001166
#1A0600
#00B191
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Roastery | #692302 | 105, 35, 2 | 19°, 96%, 21% | 0, 67, 98, 59 | 35.9% 0.108 41 | |
| Poster Green | #006B56 | 0, 107, 86 | 168°, 100%, 21% | 100, 0, 20, 58 | 47.0% 0.090 173 | |
| Atlantic Depths | #001166 | 0, 17, 102 | 230°, 100%, 20% | 100, 83, 0, 60 | 25.2% 0.146 264 | |
| Soy Sauce | #1A0600 | 26, 6, 0 | 14°, 100%, 5% | 0, 77, 100, 90 | 15.6% 0.042 48 | |
| Victorian Greenhouse | #00B191 | 0, 177, 145 | 169°, 100%, 35% | 100, 0, 18, 31 | 67.8% 0.129 174 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1A0600 on #00B191 | 7.19:1 | AAA |
| Aa #001166 on #00B191 | 6.05:1 | AA |
| Aa #692302 on #00B191 | 4.18:1 | AA large |
| Aa #006B56 on #1A0600 | 3.03:1 | AA large |
| Aa #006B56 on #001166 | 2.55:1 | — |
| Aa #006B56 on #00B191 | 2.38:1 | — |
CSS variables
:root {
--color-1: #692302; /* Roastery */
--color-2: #006b56; /* Poster Green */
--color-3: #001166; /* Atlantic Depths */
--color-4: #1a0600; /* Soy Sauce */
--color-5: #00b191; /* Victorian Greenhouse */
}Other schemes from Roastery
- Roastery Complementary Color Scheme#692302#C04000#014A69#0C121B#0892D0
- Roastery Analogous Color Scheme#770044#680018#692302#665500#4D6D08
- Roastery Triadic Color Scheme#692302#006622#220066#CC4400#031602
- Roastery Tetradic Color Scheme#692302#116611#014A69#550066#CC4400
- Roastery Monochromatic Color Scheme#1A0600#1A0600#692302#A83C09#FF550E
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 Roastery?
In a split-complementary scheme: Poster Green (#006B56), Atlantic Depths (#001166), Soy Sauce (#1A0600), Victorian Greenhouse (#00B191).
What is the hex code of Roastery?
#692302.