Caribbean Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Caribbean (#CAF0E5), each snapped to its nearest named color.
#58CEB2
#88DDCC
#CAF0E5
#E9F9F5
#E9F9F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Simply Aqua | #58CEB2 | 88, 206, 178 | 166°, 55%, 58% | 57, 0, 14, 19 | 77.6% 0.114 175 | |
| Opulent Turquoise | #88DDCC | 136, 221, 204 | 168°, 56%, 70% | 38, 0, 8, 13 | 83.9% 0.087 180 | |
| Caribbean | #CAF0E5 | 202, 240, 229 | 163°, 56%, 87% | 16, 0, 5, 6 | 92.5% 0.042 176 | |
| Melting Glacier | #E9F9F5 | 233, 249, 245 | 165°, 57%, 95% | 6, 0, 2, 2 | 96.9% 0.018 179 | |
| Melting Glacier | #E9F9F5 | 233, 249, 245 | 165°, 57%, 95% | 6, 0, 2, 2 | 96.9% 0.018 179 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #58CEB2 on #E9F9F5 | 1.78:1 | — |
| Aa #58CEB2 on #E9F9F5 | 1.78:1 | — |
| Aa #58CEB2 on #CAF0E5 | 1.57:1 | — |
| Aa #88DDCC on #E9F9F5 | 1.46:1 | — |
| Aa #88DDCC on #E9F9F5 | 1.46:1 | — |
| Aa #88DDCC on #CAF0E5 | 1.29:1 | — |
CSS variables
:root {
--color-1: #58ceb2; /* Simply Aqua */
--color-2: #88ddcc; /* Opulent Turquoise */
--color-3: #caf0e5; /* Caribbean */
--color-4: #e9f9f5; /* Melting Glacier */
--color-5: #e9f9f5; /* Melting Glacier */
}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 Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Caribbean Tetradic Color Scheme#CAF0E5#CEC8EF#EDC9D5#E6EFCC#E9F9F5
More very light green monochromatic color schemes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
- Creamy Mint Monochromatic Color Scheme#11FF11#53FE5C#AAFFAA#E7FBEC#E7FBEC
Questions
What colors go with Caribbean?
In a monochromatic scheme: Simply Aqua (#58CEB2), Opulent Turquoise (#88DDCC), Melting Glacier (#E9F9F5), Melting Glacier (#E9F9F5).
What is the hex code of Caribbean?
#CAF0E5.