Crème de la Crème Tetradic Color Scheme
Five colors arranged by the tetradic rule around Crème de la Crème (#F3E7B4), each snapped to its nearest named color.
#F3E7B4
#B0EFCE
#B7C0EA
#EFB6D8
#FAF7E9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Crème de la Crème | #F3E7B4 | 243, 231, 180 | 49°, 72%, 83% | 0, 5, 26, 5 | |
| Seafoam Splashes | #B0EFCE | 176, 239, 206 | 149°, 66%, 81% | 26, 0, 14, 6 | |
| Larkspur Bud | #B7C0EA | 183, 192, 234 | 229°, 55%, 82% | 22, 18, 0, 8 | |
| Soft Cashmere | #EFB6D8 | 239, 182, 216 | 324°, 64%, 83% | 0, 24, 10, 6 | |
| Touch of Sun | #FAF7E9 | 250, 247, 233 | 49°, 63%, 95% | 0, 1, 7, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B7C0EA on #FAF7E9 | 1.66:1 | — |
| Aa #EFB6D8 on #FAF7E9 | 1.58:1 | — |
| Aa #F3E7B4 on #B7C0EA | 1.44:1 | — |
| Aa #B0EFCE on #B7C0EA | 1.37:1 | — |
| Aa #F3E7B4 on #EFB6D8 | 1.37:1 | — |
| Aa #B0EFCE on #EFB6D8 | 1.30:1 | — |
CSS variables
:root {
--color-1: #f3e7b4; /* Crème de la Crème */
--color-2: #b0efce; /* Seafoam Splashes */
--color-3: #b7c0ea; /* Larkspur Bud */
--color-4: #efb6d8; /* Soft Cashmere */
--color-5: #faf7e9; /* Touch of Sun */
}Other schemes from Crème de la Crème
- Crème de la Crème Complementary Color Scheme#F3E7B4#FAF7E9#B7C0EA#6488EA#E7EFFB
- Crème de la Crème Analogous Color Scheme#F4B3C2#F3C7B3#F3E7B4#E3EFB2#C2ECBC
- Crème de la Crème Triadic Color Scheme#F3E7B4#B0EEE2#E9AEF2#FAF7E9#6FE7DB
- Crème de la Crème Split-complementary Color Scheme#F3E7B4#B0E0F6#C2B2F0#EDD26F#E8F5FC
- Crème de la Crème Monochromatic Color Scheme#DEBB32#EDD26F#F3E7B4#FAF7E9#FAF7E9
More Very Light Yellow tetradic palettes
- 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 Crème de la Crème?
In a tetradic scheme: Seafoam Splashes (#B0EFCE), Larkspur Bud (#B7C0EA), Soft Cashmere (#EFB6D8), Touch of Sun (#FAF7E9).
What is the hex code of Crème de la Crème?
#F3E7B4.