Yours Truly Complementary Color Scheme
Five colors arranged by the complementary rule around Yours Truly (#FBD9CD), each snapped to its nearest named color.
#FBD9CD
#FBEEE8
#D0EEFB
#87D3F8
#E8F7FD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Yours Truly | #FBD9CD | 251, 217, 205 | 16°, 85%, 89% | 0, 14, 18, 2 | |
| Rose White | #FBEEE8 | 251, 238, 232 | 19°, 70%, 95% | 0, 5, 8, 2 | |
| Blue Hijab | #D0EEFB | 208, 238, 251 | 198°, 84%, 90% | 17, 5, 0, 2 | |
| Kul Sharif Blue | #87D3F8 | 135, 211, 248 | 200°, 89%, 75% | 46, 15, 0, 3 | |
| Clear Skies | #E8F7FD | 232, 247, 253 | 197°, 84%, 95% | 8, 2, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #87D3F8 on #E8F7FD | 1.51:1 | — |
| Aa #FBEEE8 on #87D3F8 | 1.46:1 | — |
| Aa #D0EEFB on #87D3F8 | 1.36:1 | — |
| Aa #FBD9CD on #87D3F8 | 1.25:1 | — |
| Aa #FBD9CD on #E8F7FD | 1.20:1 | — |
| Aa #FBD9CD on #FBEEE8 | 1.16:1 | — |
CSS variables
:root {
--color-1: #fbd9cd; /* Yours Truly */
--color-2: #fbeee8; /* Rose White */
--color-3: #d0eefb; /* Blue Hijab */
--color-4: #87d3f8; /* Kul Sharif Blue */
--color-5: #e8f7fd; /* Clear Skies */
}Other schemes from Yours Truly
- Yours Truly Analogous Color Scheme#FFCCEE#F6CCD7#FBD9CD#FAF1CD#EEFFCC
- Yours Truly Triadic Color Scheme#FBD9CD#CCFFDD#DCD0FF#FBEEE8#87F8A3
- Yours Truly Split-complementary Color Scheme#FBD9CD#CFF7EF#CFDAFB#F4A384#E7FAFA
- Yours Truly Tetradic Color Scheme#FBD9CD#DDFFCC#D0EEFB#EECFFE#FBEEE8
- Yours Truly Monochromatic Color Scheme#EC6A37#F4A384#FBD9CD#FBEEE8#FBEEE8
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 Yours Truly?
In a complementary scheme: Rose White (#FBEEE8), Blue Hijab (#D0EEFB), Kul Sharif Blue (#87D3F8), Clear Skies (#E8F7FD).
What is the hex code of Yours Truly?
#FBD9CD.