Droplet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Droplet (#AADDFF), each snapped to its nearest named color.
#AADDFF
#FFAABB
#FFF7AD
#55BBFF
#FFE6E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Droplet | #AADDFF | 170, 221, 255 | 204°, 100%, 83% | 33, 13, 0, 0 | |
| A Brand New Day | #FFAABB | 255, 170, 187 | 348°, 100%, 83% | 0, 33, 27, 0 | |
| Banana Milk | #FFF7AD | 255, 247, 173 | 54°, 100%, 84% | 0, 3, 32, 0 | |
| Hello Summer | #55BBFF | 85, 187, 255 | 204°, 100%, 67% | 67, 27, 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 #FFF7AD on #55BBFF | 1.93:1 | — |
| Aa #55BBFF on #FFE6E7 | 1.78:1 | — |
| Aa #FFAABB on #FFF7AD | 1.63:1 | — |
| Aa #FFAABB on #FFE6E7 | 1.51:1 | — |
| Aa #AADDFF on #55BBFF | 1.46:1 | — |
| Aa #AADDFF on #FFF7AD | 1.32:1 | — |
CSS variables
:root {
--color-1: #aaddff; /* Droplet */
--color-2: #ffaabb; /* A Brand New Day */
--color-3: #fff7ad; /* Banana Milk */
--color-4: #55bbff; /* Hello Summer */
--color-5: #ffe6e7; /* Vanilla Strawberry */
}Other schemes from Droplet
- Droplet Complementary Color Scheme#AADDFF#E8F5FC#FFCCAA#FA9D5A#FFF0E3
- Droplet Analogous Color Scheme#AAFFCC#ACFFFC#AADDFF#B5AFFF#CCAAFF
- Droplet Triadic Color Scheme#AADDFF#FFAADD#DDFFAA#E8F5FC#FF55AA
- Droplet Tetradic Color Scheme#AADDFF#F1A7FE#FFCCAA#B2FBA5#E8F5FC
- Droplet Monochromatic Color Scheme#00AAFF#55BBFF#AADDFF#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
- 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 Droplet?
In a split-complementary scheme: A Brand New Day (#FFAABB), Banana Milk (#FFF7AD), Hello Summer (#55BBFF), Vanilla Strawberry (#FFE6E7).
What is the hex code of Droplet?
#AADDFF.