Gentle Caress Complementary Color Scheme
Five colors arranged by the complementary rule around Gentle Caress (#FCD7BA), each snapped to its nearest named color.
#FCD7BA
#FFF1E8
#BCDFFF
#74BBFB
#E8F5FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Gentle Caress | #FCD7BA | 252, 215, 186 | 26°, 92%, 86% | 0, 15, 26, 1 | |
| Pico Ivory | #FFF1E8 | 255, 241, 232 | 23°, 100%, 95% | 0, 5, 9, 0 | |
| Dithered Sky | #BCDFFF | 188, 223, 255 | 209°, 100%, 87% | 26, 13, 0, 0 | |
| Broken Blue | #74BBFB | 116, 187, 251 | 208°, 94%, 72% | 54, 25, 0, 2 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFF1E8 on #74BBFB | 1.85:1 | — |
| Aa #74BBFB on #E8F5FC | 1.84:1 | — |
| Aa #FCD7BA on #74BBFB | 1.52:1 | — |
| Aa #BCDFFF on #74BBFB | 1.48:1 | — |
| Aa #FFF1E8 on #BCDFFF | 1.26:1 | — |
| Aa #BCDFFF on #E8F5FC | 1.25:1 | — |
CSS variables
:root {
--color-1: #fcd7ba; /* Gentle Caress */
--color-2: #fff1e8; /* Pico Ivory */
--color-3: #bcdfff; /* Dithered Sky */
--color-4: #74bbfb; /* Broken Blue */
--color-5: #e8f5fc; /* Kodama White */
}Other schemes from Gentle Caress
- Gentle Caress Analogous Color Scheme#FFBADF#FFBCBC#FCD7BA#FCF9BD#D1FFBD
- Gentle Caress Triadic Color Scheme#FCD7BA#B8F8D8#D8B8F8#FFF1E8#7AF9AB
- Gentle Caress Split-complementary Color Scheme#FCD7BA#B7FFFA#BBBBFF#FAAC72#E7FEFF
- Gentle Caress Tetradic Color Scheme#FCD7BA#BEFDB7#BCDFFF#F4BBFF#FFF1E8
- Gentle Caress Monochromatic Color Scheme#F8822A#FAAC72#FCD7BA#FFF1E8#FFF1E8
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angel Wing Complementary Color Scheme#F3DFD7#FAEFE9#D5EAF2#9DCEE3#EBF6F7
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
Questions
What colors go with Gentle Caress?
In a complementary scheme: Pico Ivory (#FFF1E8), Dithered Sky (#BCDFFF), Broken Blue (#74BBFB), Kodama White (#E8F5FC).
What is the hex code of Gentle Caress?
#FCD7BA.