Five Star Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Five Star (#FFAA4A), each snapped to its nearest named color.
#B25F03
#FF8800
#FFAA4A
#FFCC99
#FFF2E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Orangish Brown | #B25F03 | 178, 95, 3 | 32°, 97%, 35% | 0, 47, 98, 30 | |
| Mandarin Jelly | #FF8800 | 255, 136, 0 | 32°, 100%, 50% | 0, 47, 100, 0 | |
| Five Star | #FFAA4A | 255, 170, 74 | 32°, 100%, 65% | 0, 33, 71, 0 | |
| Peach Orange | #FFCC99 | 255, 204, 153 | 30°, 100%, 80% | 0, 20, 40, 0 | |
| Doeskin | #FFF2E4 | 255, 242, 228 | 31°, 100%, 95% | 0, 5, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B25F03 on #FFF2E4 | 4.21:1 | AA large |
| Aa #B25F03 on #FFCC99 | 3.17:1 | AA large |
| Aa #B25F03 on #FFAA4A | 2.45:1 | — |
| Aa #FF8800 on #FFF2E4 | 2.17:1 | — |
| Aa #B25F03 on #FF8800 | 1.94:1 | — |
| Aa #FFAA4A on #FFF2E4 | 1.72:1 | — |
CSS variables
:root {
--color-1: #b25f03; /* Orangish Brown */
--color-2: #ff8800; /* Mandarin Jelly */
--color-3: #ffaa4a; /* Five Star */
--color-4: #ffcc99; /* Peach Orange */
--color-5: #fff2e4; /* Doeskin */
}Other schemes from Five Star
- Five Star Complementary Color Scheme#FFAA4A#FFD5A7#4499FF#0077FF#B1D1FC
- Five Star Analogous Color Scheme#F9429E#FF5349#FFAA4A#FAFE4B#9CEF43
- Five Star Triadic Color Scheme#FFAA4A#55FFAA#AA55FF#FFD8B1#04F489
- Five Star Split-complementary Color Scheme#FFAA4A#53F6FF#4D4DFF#FF8800#99FFFF
- Five Star Tetradic Color Scheme#FFAA4A#4EFD54#4499FF#FF44FF#FFD8B1
More Light Orange monochromatic palettes
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
- 3AM Latte Monochromatic Color Scheme#715A45#A9855D#C0A98E#DACEBE#F6F4EF
- Ancestral Gold Monochromatic Color Scheme#AC8A41#C6AD6F#DDCDA6#F2ECDE#F7F5ED
- Angry Pasta Monochromatic Color Scheme#BE8400#FEB308#FFCC55#FFE1A3#FFF8E4
- Anise Biscotti Monochromatic Color Scheme#BB993A#D1B871#E5D5AE#F9F2E7#F7F5EC
- Another One Bites the Dust Monochromatic Color Scheme#82714D#AB9975#C7BBA4#E4DED2#F6F4EF
- Apricot Monochromatic Color Scheme#DA6304#FF8822#FFB16D#FFDAB9#FFF2E4
- Apricotta Monochromatic Color Scheme#975437#C57556#D8A48F#EDD1C7#F8F1EB
- Artisans Gold Monochromatic Color Scheme#995511#DD8811#F2AB46#F5C78E#FCECD5
- Ashes to Ashes Monochromatic Color Scheme#726854#9C8E74#BBB3A2#DBD7CE#F4F4F0
- Atomic Tangerine Monochromatic Color Scheme#CC4400#FF6316#FF9966#FFCCB6#FFECE5
- Attic Linen Monochromatic Color Scheme#8A7054#B09879#CCBCA9#E9E1D9#F6F4EF
Questions
What colors go with Five Star?
In a monochromatic scheme: Orangish Brown (#B25F03), Mandarin Jelly (#FF8800), Peach Orange (#FFCC99), Doeskin (#FFF2E4).
What is the hex code of Five Star?
#FFAA4A.