Lion’s Roar Complementary Color Scheme
Five colors arranged by the complementary rule around Lion’s Roar (#F5DAB3), each snapped to its nearest named color.
#F5DAB3
#FBF4E8
#B1D1FC
#72A7E1
#E7EFFB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lion’s Roar | #F5DAB3 | 245, 218, 179 | 35°, 77%, 83% | 0, 11, 27, 4 | |
| White Fever | #FBF4E8 | 251, 244, 232 | 38°, 70%, 95% | 0, 3, 8, 2 | |
| Ice Cold Stare | #B1D1FC | 177, 209, 252 | 214°, 93%, 84% | 30, 17, 0, 1 | |
| Greek Sea | #72A7E1 | 114, 167, 225 | 211°, 65%, 66% | 49, 26, 0, 12 | |
| Cotton Boll | #E7EFFB | 231, 239, 251 | 216°, 71%, 95% | 8, 5, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FBF4E8 on #72A7E1 | 2.31:1 | — |
| Aa #72A7E1 on #E7EFFB | 2.18:1 | — |
| Aa #F5DAB3 on #72A7E1 | 1.87:1 | — |
| Aa #B1D1FC on #72A7E1 | 1.61:1 | — |
| Aa #FBF4E8 on #B1D1FC | 1.43:1 | — |
| Aa #B1D1FC on #E7EFFB | 1.35:1 | — |
CSS variables
:root {
--color-1: #f5dab3; /* Lion’s Roar */
--color-2: #fbf4e8; /* White Fever */
--color-3: #b1d1fc; /* Ice Cold Stare */
--color-4: #72a7e1; /* Greek Sea */
--color-5: #e7effb; /* Cotton Boll */
}Other schemes from Lion’s Roar
- Lion’s Roar Analogous Color Scheme#F5B3CE#F9BAB2#F5DAB3#F2F2B0#C7FDB5
- Lion’s Roar Triadic Color Scheme#F5DAB3#B8F8D8#D8B8F8#FBF4E8#77EEBB
- Lion’s Roar Split-complementary Color Scheme#F5DAB3#AFEEEE#B8B8F8#EDBB6E#E7FAFA
- Lion’s Roar Tetradic Color Scheme#F5DAB3#B8F8B8#B1D1FC#FFB3F0#FBF4E8
- Lion’s Roar Monochromatic Color Scheme#E69332#EDBB6E#F5DAB3#FBF4E8#FBF4E8
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angel Wing Complementary Color Scheme#F3DFD7#FAEFE9#D5EAF2#9DCEE3#EBF6F7
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
Questions
What colors go with Lion’s Roar?
In a complementary scheme: White Fever (#FBF4E8), Ice Cold Stare (#B1D1FC), Greek Sea (#72A7E1), Cotton Boll (#E7EFFB).
What is the hex code of Lion’s Roar?
#F5DAB3.