Olive (CSS) Tetradic Color Scheme
Five colors arranged by the tetradic rule around Olive (CSS) (#808000), each snapped to its nearest named color.
#808000
#048243
#000080
#880044
#E6E200
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Olive (CSS) | #808000 | 128, 128, 0 | 60°, 100%, 25% | 0, 0, 100, 50 | 58.1% 0.127 110 | |
| Jungle Green | #048243 | 4, 130, 67 | 150°, 94%, 26% | 97, 0, 48, 49 | 53.2% 0.137 153 | |
| Navy Blue | #000080 | 0, 0, 128 | 240°, 100%, 25% | 100, 100, 0, 50 | 27.1% 0.188 264 | |
| Midnight Merlot | #880044 | 136, 0, 68 | 330°, 100%, 27% | 0, 100, 50, 47 | 40.5% 0.164 1 | |
| Peridot | #E6E200 | 230, 226, 0 | 59°, 100%, 45% | 0, 2, 100, 10 | 88.7% 0.192 108 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #000080 on #E6E200 | 11.62:1 | AAA |
| Aa #880044 on #E6E200 | 7.16:1 | AAA |
| Aa #808000 on #000080 | 3.82:1 | AA large |
| Aa #048243 on #E6E200 | 3.56:1 | AA large |
| Aa #048243 on #000080 | 3.26:1 | AA large |
| Aa #808000 on #E6E200 | 3.05:1 | AA large |
CSS variables
:root {
--color-1: #808000; /* Olive (CSS) */
--color-2: #048243; /* Jungle Green */
--color-3: #000080; /* Navy Blue */
--color-4: #880044; /* Midnight Merlot */
--color-5: #e6e200; /* Peridot */
}Other schemes from Olive (CSS)
- Olive (CSS) Complementary Color Scheme#808000#DDDD00#000080#000033#0203E2
- Olive (CSS) Analogous Color Scheme#800000#884400#808000#448800#008000
- Olive (CSS) Triadic Color Scheme#808000#008080#800080#E6E200#003333
- Olive (CSS) Split-complementary Color Scheme#808000#014182#4B0082#333300#0066CC
- Olive (CSS) Monochromatic Color Scheme#1F180A#333300#808000#CCCC00#FFFF14
More dark yellow tetradic color schemes
- Alligator Tetradic Color Scheme#886600#008822#002288#880066#F2B400
- Augustus Asparagus Tetradic Color Scheme#90AA0B#10A674#3311AA#A60E46#D5F534
- Ayahuasca Vine Tetradic Color Scheme#665500#006622#001166#770044#CCAA00
- Bancha Tetradic Color Scheme#666A47#416858#444172#6D4052#A1A46D
- Bay Leaf Tetradic Color Scheme#86793D#398A59#3C4D85#853C69#BBAB6D
- Beat Around the Bush Tetradic Color Scheme#6E6A44#477050#43456D#6C445B#AEA26E
- BioShock Tetradic Color Scheme#889900#00955E#000099#9E003A#E3FF00
- Capers Tetradic Color Scheme#897A3E#398A59#3A4C88#863F76#BDAA6F
- Captain Kirk Tetradic Color Scheme#9B870C#009933#082599#9E0E64#F0D31E
- Chorus of Frogs Tetradic Color Scheme#8C9632#359E6B#333399#92345B#C5D061
- Citrus Tetradic Color Scheme#9FB70A#0CB577#2000B1#B0054B#D5F534
- Countryside Tetradic Color Scheme#A4A404#00A550#0504AA#A50055#FFF917
Questions
What colors go with Olive (CSS)?
In a tetradic scheme: Jungle Green (#048243), Navy Blue (#000080), Midnight Merlot (#880044), Peridot (#E6E200).
What is the hex code of Olive (CSS)?
#808000.