Hint of Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hint of Blue (#CEE1F2), each snapped to its nearest named color.
#CEE1F2
#F0CDD2
#F0F1CE
#95BCE1
#F9EAEB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hint of Blue | #CEE1F2 | 206, 225, 242 | 208°, 58%, 88% | 15, 7, 0, 5 | |
| Milkshake Pink | #F0CDD2 | 240, 205, 210 | 351°, 54%, 87% | 0, 15, 13, 6 | |
| Menoth White Highlight | #F0F1CE | 240, 241, 206 | 62°, 56%, 88% | 0, 0, 15, 5 | |
| Double Denim | #95BCE1 | 149, 188, 225 | 209°, 56%, 73% | 34, 16, 0, 12 | |
| Arrowhead White | #F9EAEB | 249, 234, 235 | 356°, 56%, 95% | 0, 6, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0F1CE on #95BCE1 | 1.72:1 | — |
| Aa #95BCE1 on #F9EAEB | 1.70:1 | — |
| Aa #CEE1F2 on #95BCE1 | 1.48:1 | — |
| Aa #F0CDD2 on #95BCE1 | 1.36:1 | — |
| Aa #F0CDD2 on #F0F1CE | 1.27:1 | — |
| Aa #F0CDD2 on #F9EAEB | 1.25:1 | — |
CSS variables
:root {
--color-1: #cee1f2; /* Hint of Blue */
--color-2: #f0cdd2; /* Milkshake Pink */
--color-3: #f0f1ce; /* Menoth White Highlight */
--color-4: #95bce1; /* Double Denim */
--color-5: #f9eaeb; /* Arrowhead White */
}Other schemes from Hint of Blue
- Hint of Blue Complementary Color Scheme#CEE1F2#ECF3F9#F3DECE#E5B792#F8F1EB
- Hint of Blue Analogous Color Scheme#D1F1DE#D0EFF3#CEE1F2#CCCCEE#DDD6F3
- Hint of Blue Triadic Color Scheme#CEE1F2#F2CFE0#E2F0D2#ECF3F9#E292B6
- Hint of Blue Tetradic Color Scheme#CEE1F2#EECCEE#F3DECE#CEF0CC#ECF3F9
- Hint of Blue Monochromatic Color Scheme#5C97CF#95BCE1#CEE1F2#ECF3F9#ECF3F9
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 Hint of Blue?
In a split-complementary scheme: Milkshake Pink (#F0CDD2), Menoth White Highlight (#F0F1CE), Double Denim (#95BCE1), Arrowhead White (#F9EAEB).
What is the hex code of Hint of Blue?
#CEE1F2.