Coquelicot Triadic Color Scheme
Five colors arranged by the triadic rule around Coquelicot (#FF3800), each snapped to its nearest named color.
#FF3800
#00FF33
#3F00FF
#FF8866
#00BB22
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Coquelicot | #FF3800 | 255, 56, 0 | 13°, 100%, 50% | 0, 78, 100, 0 | |
| Lucent Lime | #00FF33 | 0, 255, 51 | 132°, 100%, 50% | 100, 0, 80, 0 | |
| Electric Ultramarine | #3F00FF | 63, 0, 255 | 255°, 100%, 50% | 75, 100, 0, 0 | |
| Protein High | #FF8866 | 255, 136, 102 | 13°, 100%, 70% | 0, 47, 60, 0 | |
| Pedestrian Green | #00BB22 | 0, 187, 34 | 131°, 100%, 37% | 100, 0, 82, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FF33 on #3F00FF | 5.78:1 | AA |
| Aa #3F00FF on #FF8866 | 3.38:1 | AA large |
| Aa #3F00FF on #00BB22 | 3.06:1 | AA large |
| Aa #FF3800 on #00FF33 | 2.64:1 | — |
| Aa #FF3800 on #3F00FF | 2.19:1 | — |
| Aa #00FF33 on #00BB22 | 1.89:1 | — |
CSS variables
:root {
--color-1: #ff3800; /* Coquelicot */
--color-2: #00ff33; /* Lucent Lime */
--color-3: #3f00ff; /* Electric Ultramarine */
--color-4: #ff8866; /* Protein High */
--color-5: #00bb22; /* Pedestrian Green */
}Other schemes from Coquelicot
- Coquelicot Complementary Color Scheme#FF3800#FC8258#00CCFF#018CB6#66DDFF
- Coquelicot Analogous Color Scheme#FF00CC#FF0044#FF3800#FFB800#C8FF00
- Coquelicot Split-complementary Color Scheme#FF3800#00FFBB#0247FE#B52604#4EFFCD
- Coquelicot Tetradic Color Scheme#FF3800#4AFF00#00CCFF#BB00FF#FF8866
- Coquelicot Monochromatic Color Scheme#661100#B52604#FF3800#FF724C#FFB199
More Medium Red triadic palettes
- 100 Mph Triadic Color Scheme#C93F38#32CD32#243BCD#DA8C87#318F33
- Alarm Triadic Color Scheme#EC0003#00EE00#0000EE#FF5555#00A800
- Amaretto Triadic Color Scheme#AB6F60#69B076#7761AB#CEADA3#407A52
- Amore Triadic Color Scheme#AE2F48#44AA33#324AB2#DC6C84#2B7414
- Anarchist Triadic Color Scheme#DB304A#58D332#2242C7#F08497#33AA00
- Angry Tomato Triadic Color Scheme#D82029#24D427#243BCD#ED7777#1B8E13
- Annatto Triadic Color Scheme#8C5341#418C53#554488#BE8774#2B5D34
- Apple Cherry Triadic Color Scheme#F81404#09F911#1600FC#FF6E61#00AA11
- Arcade Fire Triadic Color Scheme#EE3311#16F12D#3311EE#F18870#00AA22
- Assassin’s Red Triadic Color Scheme#F60206#00F900#0804F9#FF6163#00AA00
- Autumn Fire Triadic Color Scheme#C44E4F#58D854#4455CC#DD9999#318F33
- Bacon Strips Triadic Color Scheme#DF3F32#3BDE39#243BCD#EE918D#11BB22
Questions
What colors go with Coquelicot?
In a triadic scheme: Lucent Lime (#00FF33), Electric Ultramarine (#3F00FF), Protein High (#FF8866), Pedestrian Green (#00BB22).
What is the hex code of Coquelicot?
#FF3800.