Boutique Beige Tetradic Color Scheme
Five colors arranged by the tetradic rule around Boutique Beige (#E1CEAD), each snapped to its nearest named color.
#E1CEAD
#ACE1AF
#ACC0E2
#E4ADD3
#F8F4ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Boutique Beige | #E1CEAD | 225, 206, 173 | 38°, 46%, 78% | 0, 8, 23, 12 | |
| Celadon | #ACE1AF | 172, 225, 175 | 123°, 47%, 78% | 24, 0, 22, 12 | |
| Promise | #ACC0E2 | 172, 192, 226 | 218°, 48%, 78% | 24, 15, 0, 11 | |
| Pink Plunge | #E4ADD3 | 228, 173, 211 | 319°, 50%, 79% | 0, 24, 7, 11 | |
| Crystal Cut | #F8F4ED | 248, 244, 237 | 38°, 44%, 95% | 0, 2, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E4ADD3 on #F8F4ED | 1.71:1 | — |
| Aa #ACC0E2 on #F8F4ED | 1.68:1 | — |
| Aa #E1CEAD on #F8F4ED | 1.40:1 | — |
| Aa #ACE1AF on #F8F4ED | 1.35:1 | — |
| Aa #ACE1AF on #E4ADD3 | 1.26:1 | — |
| Aa #ACE1AF on #ACC0E2 | 1.24:1 | — |
CSS variables
:root {
--color-1: #e1cead; /* Boutique Beige */
--color-2: #ace1af; /* Celadon */
--color-3: #acc0e2; /* Promise */
--color-4: #e4add3; /* Pink Plunge */
--color-5: #f8f4ed; /* Crystal Cut */
}Other schemes from Boutique Beige
- Boutique Beige Complementary Color Scheme#E1CEAD#F8F4ED#ACC0E2#7895CC#EDF2F8
- Boutique Beige Analogous Color Scheme#E0ADC4#E3B5AD#E1CEAD#DCE2AD#C8E0AB
- Boutique Beige Triadic Color Scheme#E1CEAD#ABE2CF#D6B7E2#F8F4ED#78D1B1
- Boutique Beige Split-complementary Color Scheme#E1CEAD#ADDAE3#ACACE6#CFAE74#E8F4F7
- Boutique Beige Monochromatic Color Scheme#B08843#CFAE74#E1CEAD#F5EFE5#F8F4ED
More Light Orange tetradic palettes
- 24 Karat Tetradic Color Scheme#DFC685#8FD89F#8B98D8#DA93C1#F4ECD7
- 3AM Latte Tetradic Color Scheme#C0A98E#96C193#8FA6C1#C189BC#E4DBCE
- Ancestral Gold Tetradic Color Scheme#DDCDA6#AADEB2#A6BADF#DAA6CF#F7F5ED
- Angry Pasta Tetradic Color Scheme#FFCC55#4CFF7B#5588FF#FE4EDA#FDEBBC
- Anise Biscotti Tetradic Color Scheme#E5D5AE#B4E1BB#ADBAE3#E6AED3#F7F5EC
- Another One Bites the Dust Tetradic Color Scheme#C7BBA4#A1C4A8#A5B2C7#C2A4C2#EEEAE2
- Apricot Tetradic Color Scheme#FFB16D#77FF66#75BBFD#FE6FFF#FFE7D5
- Apricotta Tetradic Color Scheme#D8A48F#98D98E#8CC1D6#C687D6#F3E0DB
- Artisans Gold Tetradic Color Scheme#F2AB46#4EFD54#4488EE#E047E1#FAD6A5
- Ashes to Ashes Tetradic Color Scheme#BBB3A2#9FC5AA#9EA5C3#CA99B7#EAE4DA
- Atomic Tangerine Tetradic Color Scheme#FF9966#9AF764#66CCFF#EE66FF#FFDDCC
- Attic Linen Tetradic Color Scheme#CCBCA9#A9CEAA#AABBCC#C9A8CE#F1EEE8
Questions
What colors go with Boutique Beige?
In a tetradic scheme: Celadon (#ACE1AF), Promise (#ACC0E2), Pink Plunge (#E4ADD3), Crystal Cut (#F8F4ED).
What is the hex code of Boutique Beige?
#E1CEAD.