Oh Boy! Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Oh Boy! (#BBDAF8), each snapped to its nearest named color.
#BBDAF8
#F6BFBC
#FCF9BD
#7CB9E8
#FDE6E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Oh Boy! | #BBDAF8 | 187, 218, 248 | 210°, 81%, 85% | 25, 12, 0, 3 | |
| Rainbow | #F6BFBC | 246, 191, 188 | 3°, 76%, 85% | 0, 22, 24, 4 | |
| Cashew Cheese | #FCF9BD | 252, 249, 189 | 57°, 91%, 86% | 0, 1, 25, 1 | |
| Aero | #7CB9E8 | 124, 185, 232 | 206°, 70%, 70% | 47, 20, 0, 9 | |
| Valerie | #FDE6E7 | 253, 230, 231 | 357°, 85%, 95% | 0, 9, 9, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FCF9BD on #7CB9E8 | 1.95:1 | — |
| Aa #7CB9E8 on #FDE6E7 | 1.77:1 | — |
| Aa #F6BFBC on #FCF9BD | 1.48:1 | — |
| Aa #BBDAF8 on #7CB9E8 | 1.46:1 | — |
| Aa #F6BFBC on #FDE6E7 | 1.35:1 | — |
| Aa #BBDAF8 on #FCF9BD | 1.34:1 | — |
CSS variables
:root {
--color-1: #bbdaf8; /* Oh Boy! */
--color-2: #f6bfbc; /* Rainbow */
--color-3: #fcf9bd; /* Cashew Cheese */
--color-4: #7cb9e8; /* Aero */
--color-5: #fde6e7; /* Valerie */
}Other schemes from Oh Boy!
- Oh Boy! Complementary Color Scheme#BBDAF8#EAF4FC#F5D8BB#EEB377#FFF1E8
- Oh Boy! Analogous Color Scheme#B8F8D8#BDF6FE#BBDAF8#B8B8F8#D8B8F8
- Oh Boy! Triadic Color Scheme#BBDAF8#F8BDD9#CFFDBC#EAF4FC#F771B3
- Oh Boy! Tetradic Color Scheme#BBDAF8#F8B8F8#F5D8BB#B8F8B8#EAF4FC
- Oh Boy! Monochromatic Color Scheme#318CE7#7CB9E8#BBDAF8#EAF4FC#EAF4FC
More Very Light Blue split-complementary palettes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Oh Boy!?
In a split-complementary scheme: Rainbow (#F6BFBC), Cashew Cheese (#FCF9BD), Aero (#7CB9E8), Valerie (#FDE6E7).
What is the hex code of Oh Boy!?
#BBDAF8.