Pastel Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pastel Blue (#A2BFFE), each snapped to its nearest named color.
#A2BFFE
#FFB2A5
#F1FFA8
#5588FF
#FDEAE6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pastel Blue | #A2BFFE | 162, 191, 254 | 221°, 98%, 82% | 36, 25, 0, 0 | 80.6% 0.095 265 | |
| Peach Pearl | #FFB2A5 | 255, 178, 165 | 9°, 100%, 82% | 0, 30, 35, 0 | 83.3% 0.093 30 | |
| Lemon Sherbet | #F1FFA8 | 241, 255, 168 | 70°, 100%, 83% | 5, 0, 34, 0 | 97.0% 0.110 116 | |
| Skinny Jeans | #5588FF | 85, 136, 255 | 222°, 100%, 67% | 67, 47, 0, 0 | 65.1% 0.185 264 | |
| Quartz Light Pink | #FDEAE6 | 253, 234, 230 | 10°, 85%, 95% | 0, 8, 9, 1 | 95.1% 0.021 32 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1FFA8 on #5588FF | 3.09:1 | AA large |
| Aa #5588FF on #FDEAE6 | 2.85:1 | — |
| Aa #FFB2A5 on #5588FF | 1.91:1 | — |
| Aa #A2BFFE on #5588FF | 1.80:1 | — |
| Aa #A2BFFE on #F1FFA8 | 1.72:1 | — |
| Aa #FFB2A5 on #F1FFA8 | 1.61:1 | — |
CSS variables
:root {
--color-1: #a2bffe; /* Pastel Blue */
--color-2: #ffb2a5; /* Peach Pearl */
--color-3: #f1ffa8; /* Lemon Sherbet */
--color-4: #5588ff; /* Skinny Jeans */
--color-5: #fdeae6; /* Quartz Light Pink */
}Other schemes from Pastel Blue
- Pastel Blue Complementary Color Scheme#A2BFFE#E8EEFE#FFE1A3#FFCC55#FFF7E7
- Pastel Blue Analogous Color Scheme#AAFFEE#AAEEFF#A2BFFE#AAAAFF#EEAAFF
- Pastel Blue Triadic Color Scheme#A2BFFE#FEA7BD#BDF8A3#E8EEFE#FF5C8D
- Pastel Blue Tetradic Color Scheme#A2BFFE#FFAAEE#FFE1A3#A7FFB5#E8EEFE
- Pastel Blue Monochromatic Color Scheme#1155FF#5588FF#A2BFFE#E8EEFE#E8EEFE
More very light blue split-complementary color schemes
- 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 Pastel Blue?
In a split-complementary scheme: Peach Pearl (#FFB2A5), Lemon Sherbet (#F1FFA8), Skinny Jeans (#5588FF), Quartz Light Pink (#FDEAE6).
What is the hex code of Pastel Blue?
#A2BFFE.