Calypso Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Calypso (#3D7188), each snapped to its nearest named color.
#3D7188
#853C47
#86793D
#244653
#B95B6D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Calypso | #3D7188 | 61, 113, 136 | 198°, 38%, 39% | 55, 17, 0, 47 | |
| Burnt Russet | #853C47 | 133, 60, 71 | 351°, 38%, 38% | 0, 55, 47, 48 | |
| Bay Leaf | #86793D | 134, 121, 61 | 49°, 37%, 38% | 0, 10, 54, 47 | |
| Rainstorm | #244653 | 36, 70, 83 | 197°, 39%, 23% | 57, 16, 0, 67 | |
| Candied Apple | #B95B6D | 185, 91, 109 | 349°, 40%, 54% | 0, 51, 41, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #86793D on #244653 | 2.32:1 | — |
| Aa #244653 on #B95B6D | 2.30:1 | — |
| Aa #3D7188 on #244653 | 1.89:1 | — |
| Aa #853C47 on #86793D | 1.76:1 | — |
| Aa #853C47 on #B95B6D | 1.75:1 | — |
| Aa #3D7188 on #853C47 | 1.43:1 | — |
CSS variables
:root {
--color-1: #3d7188; /* Calypso */
--color-2: #853c47; /* Burnt Russet */
--color-3: #86793d; /* Bay Leaf */
--color-4: #244653; /* Rainstorm */
--color-5: #b95b6d; /* Candied Apple */
}Other schemes from Calypso
- Calypso Complementary Color Scheme#3D7188#69A4B9#88513E#553322#BD856C
- Calypso Analogous Color Scheme#398A59#368976#3D7188#3A4C88#4B3C8E
- Calypso Triadic Color Scheme#3D7188#863F76#728639#6BA0BF#4F284B
- Calypso Tetradic Color Scheme#3D7188#723F89#88513E#468C3E#6BA0BF
- Calypso Monochromatic Color Scheme#0E191C#244653#3D7188#5D98B3#93BDCF
More Dark Blue split-complementary palettes
- 20000 Leagues Under the Sea Split-complementary Color Scheme#191970#704214#536B1F#090533#AA6D28
- 3AM in Shibuya Split-complementary Color Scheme#225577#7B222A#747028#172B36#BB3344
- Abyssal Split-complementary Color Scheme#404C57#5E3A39#5E5D3D#1B2632#8D5455
- Aegean Blue Split-complementary Color Scheme#1B416F#701C1C#706C11#0E1D32#A92C29
- Alone in the Dark Split-complementary Color Scheme#000066#663300#376D03#01081C#B25F03
- Assassin Split-complementary Color Scheme#2D4F83#87382F#7C8635#1B294B#BC4E40
- Astral Split-complementary Color Scheme#376F89#8B3643#887938#234251#B8516A
- Atlantic Navy Split-complementary Color Scheme#13336F#772211#6A6E09#041330#AF3519
- Atlantis Split-complementary Color Scheme#336172#703642#736330#1E323B#A44B62
- Below the Surface Split-complementary Color Scheme#0A2F7C#7C1E08#6C7A0E#041330#C93413
- Beyond the Sea Split-complementary Color Scheme#005784#840014#8F7303#02273A#D00220
- Black Market Split-complementary Color Scheme#222244#433120#37412A#0B0C14#75583D
Questions
What colors go with Calypso?
In a split-complementary scheme: Burnt Russet (#853C47), Bay Leaf (#86793D), Rainstorm (#244653), Candied Apple (#B95B6D).
What is the hex code of Calypso?
#3D7188.