Tamed Beauty Complementary Color Scheme
Five colors arranged by the complementary rule around Tamed Beauty (#CFBCCF), each snapped to its nearest named color.
#CFBCCF
#F6F1F4
#BAD2B8
#89B386
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tamed Beauty | #CFBCCF | 207, 188, 207 | 300°, 17%, 77% | 0, 9, 0, 19 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 | |
| Eucalyptus Leaf | #BAD2B8 | 186, 210, 184 | 115°, 22%, 77% | 11, 0, 12, 18 | |
| Chatty Cricket | #89B386 | 137, 179, 134 | 116°, 23%, 61% | 23, 0, 25, 30 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #89B386 on #EFF5F1 | 2.15:1 | — |
| Aa #F6F1F4 on #89B386 | 2.12:1 | — |
| Aa #CFBCCF on #EFF5F1 | 1.62:1 | — |
| Aa #CFBCCF on #F6F1F4 | 1.60:1 | — |
| Aa #BAD2B8 on #89B386 | 1.47:1 | — |
| Aa #BAD2B8 on #EFF5F1 | 1.46:1 | — |
CSS variables
:root {
--color-1: #cfbccf; /* Tamed Beauty */
--color-2: #f6f1f4; /* Grim White */
--color-3: #bad2b8; /* Eucalyptus Leaf */
--color-4: #89b386; /* Chatty Cricket */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Tamed Beauty
- Tamed Beauty Analogous Color Scheme#BAB8D3#C5B9D3#CFBCCF#D3B8C5#D3B6BA
- Tamed Beauty Triadic Color Scheme#CFBCCF#D0D3B7#BAD5D4#F6F1F4#B8BA87
- Tamed Beauty Split-complementary Color Scheme#CFBCCF#C8D5BB#B6D3C5#BA86B5#EAF1E6
- Tamed Beauty Tetradic Color Scheme#CFBCCF#D3C7B8#BAD2B8#B7C4D3#F6F1F4
- Tamed Beauty Monochromatic Color Scheme#8D608C#B090B2#CFBCCF#EDE9EF#F3F1F3
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Tamed Beauty?
In a complementary scheme: Grim White (#F6F1F4), Eucalyptus Leaf (#BAD2B8), Chatty Cricket (#89B386), Heavy Sugar (#EFF5F1).
What is the hex code of Tamed Beauty?
#CFBCCF.