Laguna Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Laguna (#36A5C9), each snapped to its nearest named color.
#36A5C9
#C8385A
#CBA135
#277594
#DB7192
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Laguna | #36A5C9 | 54, 165, 201 | 195°, 58%, 50% | 73, 18, 0, 21 | |
| Cherry Lolly | #C8385A | 200, 56, 90 | 346°, 57%, 50% | 0, 72, 55, 22 | |
| Satin Sheen Gold | #CBA135 | 203, 161, 53 | 43°, 59%, 50% | 0, 21, 74, 20 | |
| Devil Blue | #277594 | 39, 117, 148 | 197°, 58%, 37% | 74, 21, 0, 42 | |
| Oxford Sausage | #DB7192 | 219, 113, 146 | 341°, 60%, 65% | 0, 48, 33, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CBA135 on #277594 | 2.14:1 | — |
| Aa #C8385A on #CBA135 | 2.08:1 | — |
| Aa #36A5C9 on #277594 | 1.82:1 | — |
| Aa #36A5C9 on #C8385A | 1.77:1 | — |
| Aa #277594 on #DB7192 | 1.67:1 | — |
| Aa #C8385A on #DB7192 | 1.63:1 | — |
CSS variables
:root {
--color-1: #36a5c9; /* Laguna */
--color-2: #c8385a; /* Cherry Lolly */
--color-3: #cba135; /* Satin Sheen Gold */
--color-4: #277594; /* Devil Blue */
--color-5: #db7192; /* Oxford Sausage */
}Other schemes from Laguna
- Laguna Complementary Color Scheme#36A5C9#7AC6D9#CC5533#8F3F2A#DE9F85
- Laguna Analogous Color Scheme#31D652#38C6A1#36A5C9#214FC6#5539CC
- Laguna Triadic Color Scheme#36A5C9#C034AF#A4C639#83C7DF#90306A
- Laguna Tetradic Color Scheme#36A5C9#AA22CC#CC5533#58D332#83C7DF
- Laguna Monochromatic Color Scheme#154250#277594#36A5C9#73C4D7#B1D9E9
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 Laguna?
In a split-complementary scheme: Cherry Lolly (#C8385A), Satin Sheen Gold (#CBA135), Devil Blue (#277594), Oxford Sausage (#DB7192).
What is the hex code of Laguna?
#36A5C9.