Light Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Light Blue (#ADD8E6), each snapped to its nearest named color.
#ADD8E6
#E5ABBE
#E4D8AB
#75BFD2
#F8EAED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Light Blue | #ADD8E6 | 173, 216, 230 | 195°, 53%, 79% | 25, 6, 0, 10 | |
| Sekichiku Pink | #E5ABBE | 229, 171, 190 | 340°, 53%, 78% | 0, 25, 17, 10 | |
| Rice Fibre | #E4D8AB | 228, 216, 171 | 47°, 51%, 78% | 0, 5, 25, 11 | |
| Cologne | #75BFD2 | 117, 191, 210 | 192°, 51%, 64% | 44, 9, 0, 18 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #75BFD2 on #F8EAED | 1.77:1 | — |
| Aa #E5ABBE on #F8EAED | 1.65:1 | — |
| Aa #E4D8AB on #75BFD2 | 1.45:1 | — |
| Aa #ADD8E6 on #75BFD2 | 1.36:1 | — |
| Aa #E5ABBE on #E4D8AB | 1.35:1 | — |
| Aa #ADD8E6 on #F8EAED | 1.31:1 | — |
CSS variables
:root {
--color-1: #add8e6; /* Light Blue */
--color-2: #e5abbe; /* Sekichiku Pink */
--color-3: #e4d8ab; /* Rice Fibre */
--color-4: #75bfd2; /* Cologne */
--color-5: #f8eaed; /* Morning Shine */
}Other schemes from Light Blue
- Light Blue Complementary Color Scheme#ADD8E6#EBF6F7#E8B9AE#D28B72#FAEFE9
- Light Blue Analogous Color Scheme#B4E1BB#ADE6DB#ADD8E6#ADBAE3#ACACE6
- Light Blue Triadic Color Scheme#ADD8E6#E6AED3#DDE7AE#EBF6F7#CF71AF
- Light Blue Tetradic Color Scheme#ADD8E6#DDAAEE#E8B9AE#BFE5B1#EBF6F7
- Light Blue Monochromatic Color Scheme#3D9DC2#75BFD2#ADD8E6#E8F4F7#EBF6F7
More Light Teal split-complementary palettes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Light Blue?
In a split-complementary scheme: Sekichiku Pink (#E5ABBE), Rice Fibre (#E4D8AB), Cologne (#75BFD2), Morning Shine (#F8EAED).
What is the hex code of Light Blue?
#ADD8E6.