Oh Boy! Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Oh Boy! (#BBDAF8), each snapped to its nearest named color.
#318CE7
#7CB9E8
#BBDAF8
#EAF4FC
#EAF4FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bleu de France | #318CE7 | 49, 140, 231 | 210°, 79%, 55% | 79, 39, 0, 9 | |
| Aero | #7CB9E8 | 124, 185, 232 | 206°, 70%, 70% | 47, 20, 0, 9 | |
| Oh Boy! | #BBDAF8 | 187, 218, 248 | 210°, 81%, 85% | 25, 12, 0, 3 | |
| Moon White | #EAF4FC | 234, 244, 252 | 207°, 75%, 95% | 7, 3, 0, 1 | |
| Moon White | #EAF4FC | 234, 244, 252 | 207°, 75%, 95% | 7, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #318CE7 on #EAF4FC | 3.12:1 | AA large |
| Aa #318CE7 on #EAF4FC | 3.12:1 | AA large |
| Aa #318CE7 on #BBDAF8 | 2.40:1 | — |
| Aa #7CB9E8 on #EAF4FC | 1.89:1 | — |
| Aa #7CB9E8 on #EAF4FC | 1.89:1 | — |
| Aa #318CE7 on #7CB9E8 | 1.65:1 | — |
CSS variables
:root {
--color-1: #318ce7; /* Bleu de France */
--color-2: #7cb9e8; /* Aero */
--color-3: #bbdaf8; /* Oh Boy! */
--color-4: #eaf4fc; /* Moon White */
--color-5: #eaf4fc; /* Moon White */
}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! Split-complementary Color Scheme#BBDAF8#F6BFBC#FCF9BD#7CB9E8#FDE6E7
- Oh Boy! Tetradic Color Scheme#BBDAF8#F8B8F8#F5D8BB#B8F8B8#EAF4FC
More Very Light Blue monochromatic palettes
- A Dime a Dozen Monochromatic Color Scheme#7595AB#A5B8C5#D3DDE4#EEF2F3#EEF2F3
- Andromeda Blue Monochromatic Color Scheme#268BCC#72A7E1#ABCDEE#EAF4FC#EAF4FC
- Après-Ski Monochromatic Color Scheme#7381B3#9BA9CA#CED5E4#EDF2F8#EDF2F8
- Ariel Monochromatic Color Scheme#3799C8#74B8DA#AED7EA#EBF4FC#EBF4FC
- Baby Blue Monochromatic Color Scheme#0080FF#55AAFF#A2CFFE#E8F5FC#E8F5FC
- Bird Bath Blue Monochromatic Color Scheme#659FB5#99BDD2#CDDFE7#F0F4F8#F0F4F8
- Blue Silk Monochromatic Color Scheme#698EB3#9EB6D0#D0DCE8#EDF2F8#EDF2F8
- Breaking the Ice Monochromatic Color Scheme#2CB1EB#76C5E7#B8E4F5#E8F7FD#E8F7FD
- Breath of Fresh Air Monochromatic Color Scheme#6198AE#97BBC8#C7DBE4#F0F4F8#F0F4F8
- Breeze Monochromatic Color Scheme#3377CC#71A2D4#AEC9EA#ECF3F9#ECF3F9
- Breezy Monochromatic Color Scheme#55A0B7#8DBBD1#C2DDE6#EBF6F7#EBF6F7
- Bright Star Monochromatic Color Scheme#8599A8#B2BBC6#DDE2E6#F2F2F4#F2F2F4
Questions
What colors go with Oh Boy!?
In a monochromatic scheme: Bleu de France (#318CE7), Aero (#7CB9E8), Moon White (#EAF4FC), Moon White (#EAF4FC).
What is the hex code of Oh Boy!?
#BBDAF8.