Carbon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Carbon (#333333), each snapped to its nearest named color.
#333333
#274234
#243640
#130D0D
#416858
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Carbon | #333333 | 51, 51, 51 | 0°, 0%, 20% | 0, 0, 0, 80 | |
| English Holly | #274234 | 39, 66, 52 | 149°, 26%, 21% | 41, 0, 21, 74 | |
| Petrol Slumber | #243640 | 36, 54, 64 | 201°, 28%, 20% | 44, 16, 0, 75 | |
| Optophobia | #130D0D | 19, 13, 13 | 0°, 19%, 6% | 0, 32, 32, 93 | |
| June Ivy | #416858 | 65, 104, 88 | 155°, 23%, 33% | 38, 0, 15, 59 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #130D0D on #416858 | 3.07:1 | AA large |
| Aa #333333 on #416858 | 2.01:1 | — |
| Aa #243640 on #416858 | 2.00:1 | — |
| Aa #274234 on #130D0D | 1.76:1 | — |
| Aa #274234 on #416858 | 1.75:1 | — |
| Aa #243640 on #130D0D | 1.54:1 | — |
CSS variables
:root {
--color-1: #333333; /* Carbon */
--color-2: #274234; /* English Holly */
--color-3: #243640; /* Petrol Slumber */
--color-4: #130d0d; /* Optophobia */
--color-5: #416858; /* June Ivy */
}Other schemes from Carbon
- Carbon Complementary Color Scheme#333333#784848#274242#0F1012#4A7D82
- Carbon Analogous Color Scheme#462343#412533#333333#413628#454129
- Carbon Triadic Color Scheme#333333#274234#2D2541#814D50#051009
- Carbon Tetradic Color Scheme#333333#37412A#274242#2D2541#814D50
- Carbon Monochromatic Color Scheme#0F0F0F#0F0F0F#333333#585858#808080
More Dark Gray split-complementary palettes
- After Dark Split-complementary Color Scheme#3C3535#2D4436#293947#14100E#4C785C
- After Midnight Split-complementary Color Scheme#38393F#4A352B#434C28#0C121B#775C47
- All Nighter Split-complementary Color Scheme#455454#60394D#604938#193232#8F5973
- Ancient Pine Split-complementary Color Scheme#444B43#473854#59354A#1B2B1B#6A5287
- Armadillo Split-complementary Color Scheme#484A46#33365B#5A395B#21211D#4E518B
- Arsenic Split-complementary Color Scheme#3B444B#553333#515131#181B26#864C52
- Artist’s Charcoal Split-complementary Color Scheme#37393E#4A352B#434C28#0C121B#7B5349
- Bark Split-complementary Color Scheme#5F5854#456F6E#43456D#433120#67A195
- Black Forest Split-complementary Color Scheme#5E6354#445172#674876#37412A#696BA0
- Black Magic Split-complementary Color Scheme#4F4554#576238#336644#2E183B#898E58
- Black Olive Split-complementary Color Scheme#3B3C36#2B3448#382B46#16160E#475877
- Black Orchid Split-complementary Color Scheme#525463#705446#636F46#2A2B41#A17D61
Questions
What colors go with Carbon?
In a split-complementary scheme: English Holly (#274234), Petrol Slumber (#243640), Optophobia (#130D0D), June Ivy (#416858).
What is the hex code of Carbon?
#333333.