Beige (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Beige (CSS) (#F5F5DC), each snapped to its nearest named color.
#F5F5DC
#D7F5F6
#F4DAF1
#FAF9EA
#A0E3E0
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 | |
| Fishious Rend | #D7F5F6 | 215, 245, 246 | 182°, 63%, 90% | 13, 0, 0, 4 | 94.9% 0.031 199 | |
| Grape Taffy | #F4DAF1 | 244, 218, 241 | 307°, 54%, 91% | 0, 11, 1, 4 | 91.6% 0.042 330 | |
| Stately White | #FAF9EA | 250, 249, 234 | 56°, 62%, 95% | 0, 0, 6, 2 | 97.9% 0.020 104 | |
| Everest | #A0E3E0 | 160, 227, 224 | 177°, 54%, 76% | 30, 0, 1, 11 | 87.0% 0.067 192 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FAF9EA on #A0E3E0 | 1.36:1 | — |
| Aa #F5F5DC on #A0E3E0 | 1.30:1 | — |
| Aa #D7F5F6 on #A0E3E0 | 1.26:1 | — |
| Aa #F4DAF1 on #FAF9EA | 1.23:1 | — |
| Aa #F5F5DC on #F4DAF1 | 1.18:1 | — |
| Aa #D7F5F6 on #F4DAF1 | 1.13:1 | — |
CSS variables
:root {
--color-1: #f5f5dc; /* Beige (CSS) */
--color-2: #d7f5f6; /* Fishious Rend */
--color-3: #f4daf1; /* Grape Taffy */
--color-4: #faf9ea; /* Stately White */
--color-5: #a0e3e0; /* Everest */
}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) 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 triadic color schemes
- Au Clair de la Lune Triadic Color Scheme#F4F2E2#E1F2F0#F2E4F5#F9F7EC#A9DEDA
- Banan-Appeal Triadic Color Scheme#FAF3A6#A1F4F5#F1A7FE#FFFBE8#56F7F3
- Banana Cream Triadic Color Scheme#FFF49C#99FFEE#EE99FF#FFFCE4#55FFEE
- Banana Milk Triadic Color Scheme#FFF7AD#ACFFFC#F8B3FF#FFFEE5#65FFFF
- Banana Split Triadic Color Scheme#F7EEC8#CFF7EF#EDC8FF#FBF9E8#87E0CF
- Blanc Cassé Triadic Color Scheme#F1EEE2#E1F0ED#EFE2F2#F7F5ED#ADD9D1
- Blanco Triadic Color Scheme#EBEAE5#E1EEEC#EDE2EE#F6F4EF#AED0C9
- Bleached Sunflower Triadic Color Scheme#FBE8A8#AAFFEE#EEAAFF#FFF9E7#55FFCC
- Blond Triadic Color Scheme#FAF0BE#BBFFEE#F4BFFF#FFF9E7#6FEBE3
- Bollywood Gold Triadic Color Scheme#FFFBAB#ACFFFC#FFAAFF#FFFEE5#56FFFF
- Bullet Hell Triadic Color Scheme#FAF1C8#C3FBF4#EDC8FF#FBF9E8#88FFDD
- Butter Honey Triadic Color Scheme#F5E5AB#ABF5ED#E9AEF2#FBF9E8#6FE7DB
Questions
What colors go with Beige (CSS)?
In a triadic scheme: Fishious Rend (#D7F5F6), Grape Taffy (#F4DAF1), Stately White (#FAF9EA), Everest (#A0E3E0).
What is the hex code of Beige (CSS)?
#F5F5DC.