Chai Latte Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Chai Latte (#F9CBA0), each snapped to its nearest named color.
#EE7711
#F7A454
#F9CBA0
#FFF1E8
#FFF1E8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Therapeutic Toucan | #EE7711 | 238, 119, 17 | 28°, 87%, 50% | 0, 50, 93, 7 | 69.5% 0.174 52 | |
| Ginger Milk | #F7A454 | 247, 164, 84 | 29°, 91%, 65% | 0, 34, 66, 3 | 78.6% 0.137 62 | |
| Chai Latte | #F9CBA0 | 249, 203, 160 | 29°, 88%, 80% | 0, 18, 36, 2 | 87.2% 0.077 65 | |
| Pico Ivory | #FFF1E8 | 255, 241, 232 | 23°, 100%, 95% | 0, 5, 9, 0 | 96.7% 0.019 55 | |
| Pico Ivory | #FFF1E8 | 255, 241, 232 | 23°, 100%, 95% | 0, 5, 9, 0 | 96.7% 0.019 55 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE7711 on #FFF1E8 | 2.61:1 | — |
| Aa #EE7711 on #FFF1E8 | 2.61:1 | — |
| Aa #EE7711 on #F9CBA0 | 1.93:1 | — |
| Aa #F7A454 on #FFF1E8 | 1.83:1 | — |
| Aa #F7A454 on #FFF1E8 | 1.83:1 | — |
| Aa #EE7711 on #F7A454 | 1.43:1 | — |
CSS variables
:root {
--color-1: #ee7711; /* Therapeutic Toucan */
--color-2: #f7a454; /* Ginger Milk */
--color-3: #f9cba0; /* Chai Latte */
--color-4: #fff1e8; /* Pico Ivory */
--color-5: #fff1e8; /* Pico Ivory */
}Other schemes from Chai Latte
- Chai Latte Complementary Color Scheme#F9CBA0#FFF1E8#A2CFFE#55AAEE#E8F5FC
- Chai Latte Analogous Color Scheme#F0A0D1#F5A2A1#F9CBA0#FFF4A1#C1F9A2
- Chai Latte Triadic Color Scheme#F9CBA0#AAFFCC#CEA2FD#FFF1E8#56FCA2
- Chai Latte Split-complementary Color Scheme#F9CBA0#A1F4F5#A0A0FF#F7A454#E7FEFF
- Chai Latte Tetradic Color Scheme#F9CBA0#AAFFAA#A2CFFE#F1A7FE#FFF1E8
More very light orange monochromatic color schemes
- A Smell of Bakery Monochromatic Color Scheme#D0A664#E2C59C#F3E9D9#F8F4ED#F8F4ED
- Acropolis Monochromatic Color Scheme#E09842#F2BD85#F8E2CA#FBF4E8#FBF4E8
- Air-Kiss Monochromatic Color Scheme#DD7755#E9AA91#F6DCD2#FAEFE9#FAEFE9
- Albescent Monochromatic Color Scheme#A8946B#C2B79A#E1DACB#F6F4EF#F6F4EF
- Almond Monochromatic Color Scheme#CA9456#D8B98C#EDDCC8#F8F4ED#F8F4ED
- Almond Brittle Monochromatic Color Scheme#B88B46#D0B082#E5D3B9#F8F4ED#F8F4ED
- Alpaca Monochromatic Color Scheme#D99E66#EEC7A2#F9EDE2#F8F1EB#F8F1EB
- Ancient Scroll Monochromatic Color Scheme#C6A05E#DAC395#F0E4D1#F8F4ED#F8F4ED
- Angel Wing Monochromatic Color Scheme#D08363#E4B197#F3DFD7#FAEFE9#FAEFE9
- Angelic White Monochromatic Color Scheme#C9A375#DCC9AE#F4EDE4#F8F4ED#F8F4ED
- Apricot Freeze Monochromatic Color Scheme#DD7733#E8A773#F3CFB7#FAEFE9#FAEFE9
- Apricot Sherbet Monochromatic Color Scheme#F2850D#F7A454#FBCD9F#FFF1E8#FFF1E8
Questions
What colors go with Chai Latte?
In a monochromatic scheme: Therapeutic Toucan (#EE7711), Ginger Milk (#F7A454), Pico Ivory (#FFF1E8), Pico Ivory (#FFF1E8).
What is the hex code of Chai Latte?
#F9CBA0.