Beige (CSS) Complementary Color Scheme
Five colors arranged by the complementary rule around Beige (CSS) (#F5F5DC), each snapped to its nearest named color.
#F5F5DC
#FAF9EA
#DBDBF7
#ACACE6
#EEE9F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Beige (CSS) | #F5F5DC | 245, 245, 220 | 60°, 56%, 91% | 0, 0, 10, 4 | 96.4% 0.033 107 | |
| Stately White | #FAF9EA | 250, 249, 234 | 56°, 62%, 95% | 0, 0, 6, 2 | 97.9% 0.020 104 | |
| Nostalgia Perfume | #DBDBF7 | 219, 219, 247 | 240°, 64%, 91% | 11, 11, 0, 3 | 90.0% 0.038 286 | |
| Maximum Blue Purple | #ACACE6 | 172, 172, 230 | 240°, 54%, 79% | 25, 25, 0, 10 | 76.5% 0.083 284 | |
| Bright Dusk | #EEE9F9 | 238, 233, 249 | 259°, 57%, 95% | 4, 6, 0, 2 | 94.3% 0.022 300 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FAF9EA on #ACACE6 | 2.02:1 | — |
| Aa #F5F5DC on #ACACE6 | 1.94:1 | — |
| Aa #ACACE6 on #EEE9F9 | 1.80:1 | — |
| Aa #DBDBF7 on #ACACE6 | 1.58:1 | — |
| Aa #FAF9EA on #DBDBF7 | 1.28:1 | — |
| Aa #F5F5DC on #DBDBF7 | 1.23:1 | — |
CSS variables
:root {
--color-1: #f5f5dc; /* Beige (CSS) */
--color-2: #faf9ea; /* Stately White */
--color-3: #dbdbf7; /* Nostalgia Perfume */
--color-4: #acace6; /* Maximum Blue Purple */
--color-5: #eee9f9; /* Bright Dusk */
}Other schemes from Beige (CSS)
- Beige (CSS) Analogous Color Scheme#F4DCDC#F4EADC#F5F5DC#E9F3DD#DBF4D8
- Beige (CSS) Triadic Color Scheme#F5F5DC#D7F5F6#F4DAF1#FAF9EA#A0E3E0
- Beige (CSS) Split-complementary Color Scheme#F5F5DC#DBE9F4#E6DEF0#E8E1A1#ECF3F9
- Beige (CSS) Tetradic Color Scheme#F5F5DC#DDF5E7#DBDBF7#F5DDE6#FAF9EA
- Beige (CSS) Monochromatic Color Scheme#D5CE69#E8E1A1#F5F5DC#FAF9EA#FAF9EA
More very light yellow complementary color schemes
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banana Cream Complementary Color Scheme#FFF49C#FFFCE4#99AAFF#5566FF#E6E8FA
- Banana Milk Complementary Color Scheme#FFF7AD#FFFEE5#B5AFFF#6666FF#E6E8FA
- Banana Split Complementary Color Scheme#F7EEC8#FBF9E8#C9D1EF#8F99FB#E8EEFE
- Blanc Cassé Complementary Color Scheme#F1EEE2#F7F5ED#E1E6F2#ABB6D7#EDF2F8
- Blanco Complementary Color Scheme#EBEAE5#F6F4EF#E0E3EF#B2B7D1#EEF2F3
- Bleached Sunflower Complementary Color Scheme#FBE8A8#FFF9E7#A2BFFE#5588FF#E8EEFE
- Blond Complementary Color Scheme#FAF0BE#FFF9E7#BBCFEF#6888FC#E8EEFE
- Bollywood Gold Complementary Color Scheme#FFFBAB#FFFEE5#AAAAFF#5566FF#E6E6FA
- Bullet Hell Complementary Color Scheme#FAF1C8#FBF9E8#CCD5FF#8F99FB#E8EEFE
- Butter Honey Complementary Color Scheme#F5E5AB#FBF9E8#B8B8F8#6488EA#E8EEFE
Questions
What colors go with Beige (CSS)?
In a complementary scheme: Stately White (#FAF9EA), Nostalgia Perfume (#DBDBF7), Maximum Blue Purple (#ACACE6), Bright Dusk (#EEE9F9).
What is the hex code of Beige (CSS)?
#F5F5DC.