Fox Triadic Color Scheme
Five colors arranged by the triadic rule around Fox (#CA4E33), each snapped to its nearest named color.
#CA4E33
#31D652
#5533CC
#E49780
#288F3D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Fox | #CA4E33 | 202, 78, 51 | 11°, 60%, 50% | 0, 61, 75, 21 | 58.5% 0.164 34 | |
| Brazilianite | #31D652 | 49, 214, 82 | 132°, 67%, 52% | 77, 0, 62, 16 | 76.8% 0.218 146 | |
| Grape Hyacinth | #5533CC | 85, 51, 204 | 253°, 60%, 50% | 58, 75, 0, 20 | 46.6% 0.219 284 | |
| Sockeye | #E49780 | 228, 151, 128 | 14°, 65%, 70% | 0, 34, 44, 11 | 74.8% 0.099 37 | |
| Green Ribbon | #288F3D | 40, 143, 61 | 132°, 56%, 36% | 72, 0, 57, 44 | 57.3% 0.151 147 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #31D652 on #5533CC | 3.98:1 | AA large |
| Aa #5533CC on #E49780 | 3.31:1 | AA large |
| Aa #CA4E33 on #31D652 | 2.34:1 | — |
| Aa #31D652 on #288F3D | 2.14:1 | — |
| Aa #CA4E33 on #E49780 | 1.94:1 | — |
| Aa #5533CC on #288F3D | 1.86:1 | — |
CSS variables
:root {
--color-1: #ca4e33; /* Fox */
--color-2: #31d652; /* Brazilianite */
--color-3: #5533cc; /* Grape Hyacinth */
--color-4: #e49780; /* Sockeye */
--color-5: #288f3d; /* Green Ribbon */
}Other schemes from Fox
- Fox Complementary Color Scheme#CA4E33#DD897C#38AFCD#277594#89CEE0
- Fox Analogous Color Scheme#C034AF#CC3366#CA4E33#CC9933#ACCB35
- Fox Split-complementary Color Scheme#CA4E33#33CC99#2266CC#8A3324#71DCB8
- Fox Tetradic Color Scheme#CA4E33#6ECB3C#38AFCD#9932CC#E49780
- Fox Monochromatic Color Scheme#471C0F#8A3324#CA4E33#DA846D#E9B7AC
More medium red triadic color schemes
- 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 Fox?
In a triadic scheme: Brazilianite (#31D652), Grape Hyacinth (#5533CC), Sockeye (#E49780), Green Ribbon (#288F3D).
What is the hex code of Fox?
#CA4E33.