Natural Order Triadic Color Scheme
Five colors arranged by the triadic rule around Natural Order (#77B033), each snapped to its nearest named color.
#77B033
#3676B5
#AA3377
#A8D275
#225374
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Natural Order | #77B033 | 119, 176, 51 | 87°, 55%, 45% | 32, 0, 71, 31 | |
| North Atlantic Breeze | #3676B5 | 54, 118, 181 | 210°, 54%, 46% | 70, 35, 0, 29 | |
| Plum Kingdom | #AA3377 | 170, 51, 119 | 326°, 54%, 43% | 0, 70, 30, 33 | |
| Livery Green | #A8D275 | 168, 210, 117 | 87°, 51%, 64% | 20, 0, 44, 18 | |
| Midnight Sonata | #225374 | 34, 83, 116 | 204°, 55%, 29% | 71, 28, 0, 55 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A8D275 on #225374 | 4.75:1 | AA |
| Aa #AA3377 on #A8D275 | 3.52:1 | AA large |
| Aa #77B033 on #225374 | 3.14:1 | AA large |
| Aa #3676B5 on #A8D275 | 2.75:1 | — |
| Aa #77B033 on #AA3377 | 2.33:1 | — |
| Aa #77B033 on #3676B5 | 1.82:1 | — |
CSS variables
:root {
--color-1: #77b033; /* Natural Order */
--color-2: #3676b5; /* North Atlantic Breeze */
--color-3: #aa3377; /* Plum Kingdom */
--color-4: #a8d275; /* Livery Green */
--color-5: #225374; /* Midnight Sonata */
}Other schemes from Natural Order
- Natural Order Complementary Color Scheme#77B033#A9D171#7733AA#462C77#A76BCF
- Natural Order Analogous Color Scheme#B26E33#B3AC36#77B033#34B334#35AD6B
- Natural Order Split-complementary Color Scheme#77B033#2F36BA#B13AAD#507D2A#5566CC
- Natural Order Tetradic Color Scheme#77B033#34B1B2#7733AA#AF313A#A8D275
- Natural Order Monochromatic Color Scheme#223311#507D2A#77B033#9FC65E#C1E28A
More Medium Green triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Natural Order?
In a triadic scheme: North Atlantic Breeze (#3676B5), Plum Kingdom (#AA3377), Livery Green (#A8D275), Midnight Sonata (#225374).
What is the hex code of Natural Order?
#77B033.