Baby Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Baby Blue (#A2CFFE), each snapped to its nearest named color.
#A2CFFE
#FEA5A2
#FCFFA4
#55AAFF
#FFE6E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Baby Blue | #A2CFFE | 162, 207, 254 | 211°, 98%, 82% | 36, 19, 0, 0 | |
| Pink Dream | #FEA5A2 | 254, 165, 162 | 2°, 98%, 82% | 0, 35, 36, 0 | |
| Calamansi | #FCFFA4 | 252, 255, 164 | 62°, 100%, 82% | 1, 0, 36, 0 | |
| Joust Blue | #55AAFF | 85, 170, 255 | 210°, 100%, 67% | 67, 33, 0, 0 | |
| Vanilla Strawberry | #FFE6E7 | 255, 230, 231 | 358°, 100%, 95% | 0, 10, 9, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FCFFA4 on #55AAFF | 2.33:1 | — |
| Aa #55AAFF on #FFE6E7 | 2.07:1 | — |
| Aa #FEA5A2 on #FCFFA4 | 1.80:1 | — |
| Aa #FEA5A2 on #FFE6E7 | 1.59:1 | — |
| Aa #A2CFFE on #FCFFA4 | 1.55:1 | — |
| Aa #A2CFFE on #55AAFF | 1.50:1 | — |
CSS variables
:root {
--color-1: #a2cffe; /* Baby Blue */
--color-2: #fea5a2; /* Pink Dream */
--color-3: #fcffa4; /* Calamansi */
--color-4: #55aaff; /* Joust Blue */
--color-5: #ffe6e7; /* Vanilla Strawberry */
}Other schemes from Baby Blue
- Baby Blue Complementary Color Scheme#A2CFFE#E8F5FC#FDD1A4#FFAA55#FFF2E4
- Baby Blue Analogous Color Scheme#A5FBD5#AAFFFF#A2CFFE#A0A0FF#CEA2FD
- Baby Blue Triadic Color Scheme#A2CFFE#FFA6C9#C1F9A2#E8F5FC#FF55AA
- Baby Blue Tetradic Color Scheme#A2CFFE#FFAAFF#FDD1A4#AAFFAA#E8F5FC
- Baby Blue Monochromatic Color Scheme#0080FF#55AAFF#A2CFFE#E8F5FC#E8F5FC
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
- 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
- Broad Daylight Split-complementary Color Scheme#BBDDFF#FFBBBB#FFFFBB#77B5FE#FFE6E4
Questions
What colors go with Baby Blue?
In a split-complementary scheme: Pink Dream (#FEA5A2), Calamansi (#FCFFA4), Joust Blue (#55AAFF), Vanilla Strawberry (#FFE6E7).
What is the hex code of Baby Blue?
#A2CFFE.