Cotton Boll Complementary Color Scheme
Five colors arranged by the complementary rule around Cotton Boll (#E7EFFB), each snapped to its nearest named color.
#E7EFFB
#E7EFFB
#FAF3E6
#EED1A5
#FBF4E8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cotton Boll | #E7EFFB | 231, 239, 251 | 216°, 71%, 95% | 8, 5, 0, 2 | |
| Cotton Boll | #E7EFFB | 231, 239, 251 | 216°, 71%, 95% | 8, 5, 0, 2 | |
| Milk Moustache | #FAF3E6 | 250, 243, 230 | 39°, 67%, 94% | 0, 3, 8, 2 | |
| Amber Moon | #EED1A5 | 238, 209, 165 | 36°, 68%, 79% | 0, 12, 31, 7 | |
| White Fever | #FBF4E8 | 251, 244, 232 | 38°, 70%, 95% | 0, 3, 8, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EED1A5 on #FBF4E8 | 1.34:1 | — |
| Aa #FAF3E6 on #EED1A5 | 1.33:1 | — |
| Aa #E7EFFB on #EED1A5 | 1.27:1 | — |
| Aa #E7EFFB on #EED1A5 | 1.27:1 | — |
| Aa #E7EFFB on #FBF4E8 | 1.06:1 | — |
| Aa #E7EFFB on #FBF4E8 | 1.06:1 | — |
CSS variables
:root {
--color-1: #e7effb; /* Cotton Boll */
--color-2: #e7effb; /* Cotton Boll */
--color-3: #faf3e6; /* Milk Moustache */
--color-4: #eed1a5; /* Amber Moon */
--color-5: #fbf4e8; /* White Fever */
}Other schemes from Cotton Boll
- Cotton Boll Analogous Color Scheme#E6FDF1#E7FAFA#E7EFFB#E6E6FA#F3E9F7
- Cotton Boll Triadic Color Scheme#E7EFFB#FFE6F1#F1FDE9#E7EFFB#EEA5C1
- Cotton Boll Split-complementary Color Scheme#E7EFFB#FCEAE6#FBF9E8#A7C2EB#FCEBEB
- Cotton Boll Tetradic Color Scheme#E7EFFB#FCEBFA#FAF3E6#E7FBEC#E7EFFB
- Cotton Boll Monochromatic Color Scheme#6495ED#A7C2EB#E7EFFB#E7EFFB#E7EFFB
More Very Light Blue complementary palettes
- A Dime a Dozen Complementary Color Scheme#D3DDE4#EEF2F3#E4DAD3#CAB3A0#F6F2F1
- Andromeda Blue Complementary Color Scheme#ABCDEE#EAF4FC#EECCAA#E5AA70#F8F1EB
- Après-Ski Complementary Color Scheme#CED5E4#EDF2F8#E4DDCE#C6BB9C#F6F4EF
- Ariel Complementary Color Scheme#AED7EA#EBF4FC#E9C2AD#DD9475#F8F1EB
- Baby Blue Complementary Color Scheme#A2CFFE#E8F5FC#FDD1A4#FFAA55#FFF2E4
- Bird Bath Blue Complementary Color Scheme#CDDFE7#F0F4F8#E6D6CD#CCAA99#F7EFEF
- Blue Silk Complementary Color Scheme#D0DCE8#EDF2F8#E7DCCF#CEB79D#F8F4ED
- Breaking the Ice Complementary Color Scheme#B8E4F5#E8F7FD#F5C8BB#EE9977#FBEEE8
- Breath of Fresh Air Complementary Color Scheme#C7DBE4#F0F4F8#E3D1C8#CBA792#F7EFEF
- Breeze Complementary Color Scheme#AEC9EA#ECF3F9#EBCFAE#D9A96F#F8F4ED
- Breezy Complementary Color Scheme#C2DDE6#EBF6F7#E7CAC3#D29B8D#F8F1EB
- Bright Star Complementary Color Scheme#DDE2E6#EEF2F3#E9E1D9#CBB9AB#F6F2F1
Questions
What colors go with Cotton Boll?
In a complementary scheme: Milk Moustache (#FAF3E6), Amber Moon (#EED1A5), White Fever (#FBF4E8).
What is the hex code of Cotton Boll?
#E7EFFB.