Caribbean Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Caribbean Blue (#1AC1DD), each snapped to its nearest named color.
#1AC1DD
#DB1459
#D7951F
#0A8391
#EE5588
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Caribbean Blue | #1AC1DD | 26, 193, 221 | 189°, 79%, 48% | 88, 13, 0, 13 | |
| Rubylicious | #DB1459 | 219, 20, 89 | 339°, 83%, 47% | 0, 91, 59, 14 | |
| Bonfire Glow | #D7951F | 215, 149, 31 | 38°, 75%, 48% | 0, 31, 86, 16 | |
| True Teal | #0A8391 | 10, 131, 145 | 186°, 87%, 30% | 93, 10, 0, 43 | |
| Power Peony | #EE5588 | 238, 85, 136 | 340°, 82%, 63% | 0, 64, 43, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1AC1DD on #DB1459 | 2.28:1 | — |
| Aa #1AC1DD on #0A8391 | 2.08:1 | — |
| Aa #DB1459 on #D7951F | 1.93:1 | — |
| Aa #D7951F on #0A8391 | 1.76:1 | — |
| Aa #1AC1DD on #EE5588 | 1.54:1 | — |
| Aa #DB1459 on #EE5588 | 1.48:1 | — |
CSS variables
:root {
--color-1: #1ac1dd; /* Caribbean Blue */
--color-2: #db1459; /* Rubylicious */
--color-3: #d7951f; /* Bonfire Glow */
--color-4: #0a8391; /* True Teal */
--color-5: #ee5588; /* Power Peony */
}Other schemes from Caribbean Blue
- Caribbean Blue Complementary Color Scheme#1AC1DD#6CDAE7#DC331A#992211#EE8170
- Caribbean Blue Analogous Color Scheme#13DA25#19CC89#1AC1DD#1559DB#360CCC
- Caribbean Blue Triadic Color Scheme#1AC1DD#D208CC#C2D61D#6CDAE7#881188
- Caribbean Blue Tetradic Color Scheme#1AC1DD#9B1DCD#DC331A#5EDC1F#6CDAE7
- Caribbean Blue Monochromatic Color Scheme#084D58#0A8391#1AC1DD#5CDCF1#99EEEE
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Caribbean Blue?
In a split-complementary scheme: Rubylicious (#DB1459), Bonfire Glow (#D7951F), True Teal (#0A8391), Power Peony (#EE5588).
What is the hex code of Caribbean Blue?
#1AC1DD.