Young Apricot Complementary Color Scheme
Five colors arranged by the complementary rule around Young Apricot (#FCD8B5), each snapped to its nearest named color.
#FCD8B5
#FFF2E4
#BBDAF8
#77B5FE
#E8F5FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Young Apricot | #FCD8B5 | 252, 216, 181 | 30°, 92%, 85% | 0, 14, 28, 1 | |
| Doeskin | #FFF2E4 | 255, 242, 228 | 31°, 100%, 95% | 0, 5, 11, 0 | |
| Oh Boy! | #BBDAF8 | 187, 218, 248 | 210°, 81%, 85% | 25, 12, 0, 3 | |
| French Sky Blue | #77B5FE | 119, 181, 254 | 212°, 99%, 73% | 53, 29, 0, 0 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFF2E4 on #77B5FE | 1.94:1 | — |
| Aa #77B5FE on #E8F5FC | 1.92:1 | — |
| Aa #FCD8B5 on #77B5FE | 1.59:1 | — |
| Aa #BBDAF8 on #77B5FE | 1.48:1 | — |
| Aa #FFF2E4 on #BBDAF8 | 1.32:1 | — |
| Aa #BBDAF8 on #E8F5FC | 1.30:1 | — |
CSS variables
:root {
--color-1: #fcd8b5; /* Young Apricot */
--color-2: #fff2e4; /* Doeskin */
--color-3: #bbdaf8; /* Oh Boy! */
--color-4: #77b5fe; /* French Sky Blue */
--color-5: #e8f5fc; /* Kodama White */
}Other schemes from Young Apricot
- Young Apricot Analogous Color Scheme#FCB4D5#FFB6B4#FCD8B5#FFFEB6#CFFDBC
- Young Apricot Triadic Color Scheme#FCD8B5#B8F8D8#D6B4FC#FFF2E4#6BFFB3
- Young Apricot Split-complementary Color Scheme#FCD8B5#B2FCFF#B8B8FF#FFB16D#E7FEFF
- Young Apricot Tetradic Color Scheme#FCD8B5#B8F8B8#BBDAF8#F8B3FF#FFF2E4
- Young Apricot Monochromatic Color Scheme#FB8B23#FFB16D#FCD8B5#FFF2E4#FFF2E4
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 Young Apricot?
In a complementary scheme: Doeskin (#FFF2E4), Oh Boy! (#BBDAF8), French Sky Blue (#77B5FE), Kodama White (#E8F5FC).
What is the hex code of Young Apricot?
#FCD8B5.