Caribbean Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Caribbean (#CAF0E5), each snapped to its nearest named color.
#CAF0E5
#EFC9EC
#F1D2C9
#88DDCC
#FCEBF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Caribbean | #CAF0E5 | 202, 240, 229 | 163°, 56%, 87% | 16, 0, 5, 6 | 92.5% 0.042 176 | |
| Sugar High | #EFC9EC | 239, 201, 236 | 305°, 54%, 86% | 0, 16, 1, 6 | 87.9% 0.063 329 | |
| Texas Rose | #F1D2C9 | 241, 210, 201 | 13°, 59%, 87% | 0, 13, 17, 5 | 88.7% 0.037 37 | |
| Opulent Turquoise | #88DDCC | 136, 221, 204 | 168°, 56%, 70% | 38, 0, 8, 13 | 83.9% 0.087 180 | |
| Placebo Magenta | #FCEBF4 | 252, 235, 244 | 328°, 74%, 95% | 0, 7, 3, 1 | 95.6% 0.022 344 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #88DDCC on #FCEBF4 | 1.38:1 | — |
| Aa #CAF0E5 on #88DDCC | 1.29:1 | — |
| Aa #EFC9EC on #FCEBF4 | 1.29:1 | — |
| Aa #F1D2C9 on #FCEBF4 | 1.24:1 | — |
| Aa #CAF0E5 on #EFC9EC | 1.20:1 | — |
| Aa #CAF0E5 on #F1D2C9 | 1.16:1 | — |
CSS variables
:root {
--color-1: #caf0e5; /* Caribbean */
--color-2: #efc9ec; /* Sugar High */
--color-3: #f1d2c9; /* Texas Rose */
--color-4: #88ddcc; /* Opulent Turquoise */
--color-5: #fcebf4; /* Placebo Magenta */
}Other schemes from Caribbean
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Caribbean Analogous Color Scheme#D8F1CB#C9F0D1#CAF0E5#CBEAEE#CBD7ED
- Caribbean Triadic Color Scheme#CAF0E5#EECCEE#F1E4CB#E9F9F5#CC88DD
- Caribbean Tetradic Color Scheme#CAF0E5#CEC8EF#EDC9D5#E6EFCC#E9F9F5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
More very light green split-complementary color schemes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
- Creamy Mint Split-complementary Color Scheme#AAFFAA#CCAAFF#FFA6D9#53FE5C#F0EBFC
Questions
What colors go with Caribbean?
In a split-complementary scheme: Sugar High (#EFC9EC), Texas Rose (#F1D2C9), Opulent Turquoise (#88DDCC), Placebo Magenta (#FCEBF4).
What is the hex code of Caribbean?
#CAF0E5.