Beige (CSS) Tetradic Color Scheme
Five colors arranged by the tetradic rule around Beige (CSS) (#F5F5DC), each snapped to its nearest named color.
#F5F5DC
#DDF5E7
#DBDBF7
#F5DDE6
#FAF9EA
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 | |
| Treacherous Blizzard | #DDF5E7 | 221, 245, 231 | 145°, 55%, 91% | 10, 0, 6, 4 | 94.9% 0.031 160 | |
| Nostalgia Perfume | #DBDBF7 | 219, 219, 247 | 240°, 64%, 91% | 11, 11, 0, 3 | 90.0% 0.038 286 | |
| Ranunculus White | #F5DDE6 | 245, 221, 230 | 338°, 55%, 91% | 0, 10, 6, 4 | 92.0% 0.029 353 | |
| Stately White | #FAF9EA | 250, 249, 234 | 56°, 62%, 95% | 0, 0, 6, 2 | 97.9% 0.020 104 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DBDBF7 on #FAF9EA | 1.28:1 | — |
| Aa #F5F5DC on #DBDBF7 | 1.23:1 | — |
| Aa #F5DDE6 on #FAF9EA | 1.21:1 | — |
| Aa #DDF5E7 on #DBDBF7 | 1.18:1 | — |
| Aa #F5F5DC on #F5DDE6 | 1.16:1 | — |
| Aa #DDF5E7 on #F5DDE6 | 1.12:1 | — |
CSS variables
:root {
--color-1: #f5f5dc; /* Beige (CSS) */
--color-2: #ddf5e7; /* Treacherous Blizzard */
--color-3: #dbdbf7; /* Nostalgia Perfume */
--color-4: #f5dde6; /* Ranunculus White */
--color-5: #faf9ea; /* Stately White */
}Other schemes from Beige (CSS)
- Beige (CSS) Complementary Color Scheme#F5F5DC#FAF9EA#DBDBF7#ACACE6#EEE9F9
- 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) Monochromatic Color Scheme#D5CE69#E8E1A1#F5F5DC#FAF9EA#FAF9EA
More very light yellow tetradic color schemes
- Au Clair de la Lune Tetradic Color Scheme#F4F2E2#E5F2E7#E1E6F2#F6E2EC#F9F7EC
- Banan-Appeal Tetradic Color Scheme#FAF3A6#AAFFCC#AAAAFF#FFA6D9#FFFBE8
- Banana Cream Tetradic Color Scheme#FFF49C#96FBC4#99AAFF#FF99DD#FFFCE4
- Banana Milk Tetradic Color Scheme#FFF7AD#AAFFCC#B5AFFF#FFAADD#FFFEE5
- Banana Split Tetradic Color Scheme#F7EEC8#C9F0D1#C9D1EF#FBCCE7#FBF9E8
- Blanc Cassé Tetradic Color Scheme#F1EEE2#E4F0E8#E1E6F2#EEE1EB#F7F5ED
- Blanco Tetradic Color Scheme#EBEAE5#E1EEE6#E0E3EF#EEE1EB#F6F4EF
- Bleached Sunflower Tetradic Color Scheme#FBE8A8#A0FEBF#A2BFFE#F2ABE1#FFF9E7
- Blond Tetradic Color Scheme#FAF0BE#BEF7CF#BBCFEF#FABFE4#FFF9E7
- Bollywood Gold Tetradic Color Scheme#FFFBAB#AAFFCC#AAAAFF#FFAADD#FFFEE5
- Bullet Hell Tetradic Color Scheme#FAF1C8#CCFFDD#CCD5FF#FFC8E9#FBF9E8
- Butter Honey Tetradic Color Scheme#F5E5AB#ABEDC9#B8B8F8#F2ABE1#FBF9E8
Questions
What colors go with Beige (CSS)?
In a tetradic scheme: Treacherous Blizzard (#DDF5E7), Nostalgia Perfume (#DBDBF7), Ranunculus White (#F5DDE6), Stately White (#FAF9EA).
What is the hex code of Beige (CSS)?
#F5F5DC.