Caribbean Complementary Color Scheme
Five colors arranged by the complementary rule around Caribbean (#CAF0E5), each snapped to its nearest named color.
#CAF0E5
#E9F9F5
#EDC9D5
#DC89A8
#F8EAED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Caribbean | #CAF0E5 | 202, 240, 229 | 163°, 56%, 87% | 16, 0, 5, 6 | |
| Melting Glacier | #E9F9F5 | 233, 249, 245 | 165°, 57%, 95% | 6, 0, 2, 2 | |
| Panache Pink | #EDC9D5 | 237, 201, 213 | 340°, 50%, 86% | 0, 15, 10, 7 | |
| Vivacious Pink | #DC89A8 | 220, 137, 168 | 338°, 54%, 70% | 0, 38, 24, 14 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E9F9F5 on #DC89A8 | 2.36:1 | — |
| Aa #DC89A8 on #F8EAED | 2.20:1 | — |
| Aa #CAF0E5 on #DC89A8 | 2.09:1 | — |
| Aa #EDC9D5 on #DC89A8 | 1.70:1 | — |
| Aa #E9F9F5 on #EDC9D5 | 1.39:1 | — |
| Aa #EDC9D5 on #F8EAED | 1.29:1 | — |
CSS variables
:root {
--color-1: #caf0e5; /* Caribbean */
--color-2: #e9f9f5; /* Melting Glacier */
--color-3: #edc9d5; /* Panache Pink */
--color-4: #dc89a8; /* Vivacious Pink */
--color-5: #f8eaed; /* Morning Shine */
}Other schemes from Caribbean
- Caribbean Analogous Color Scheme#D8F1CB#C9F0D1#CAF0E5#CBEAEE#CBD7ED
- Caribbean Triadic Color Scheme#CAF0E5#EECCEE#F1E4CB#E9F9F5#CC88DD
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Caribbean Tetradic Color Scheme#CAF0E5#CEC8EF#EDC9D5#E6EFCC#E9F9F5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
- Creamy Mint Complementary Color Scheme#AAFFAA#E7FBEC#FFAAFF#FB5FFC#FFEBFE
Questions
What colors go with Caribbean?
In a complementary scheme: Melting Glacier (#E9F9F5), Panache Pink (#EDC9D5), Vivacious Pink (#DC89A8), Morning Shine (#F8EAED).
What is the hex code of Caribbean?
#CAF0E5.