Crashing Waves Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Crashing Waves (#3E6F87), each snapped to its nearest named color.
#3E6F87
#853C47
#897A3E
#244653
#B75E6B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Crashing Waves | #3E6F87 | 62, 111, 135 | 200°, 37%, 39% | 54, 18, 0, 47 | |
| Burnt Russet | #853C47 | 133, 60, 71 | 351°, 38%, 38% | 0, 55, 47, 48 | |
| Capers | #897A3E | 137, 122, 62 | 48°, 38%, 39% | 0, 11, 55, 46 | |
| Rainstorm | #244653 | 36, 70, 83 | 197°, 39%, 23% | 57, 16, 0, 67 | |
| Sensuous | #B75E6B | 183, 94, 107 | 351°, 38%, 54% | 0, 49, 42, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #897A3E on #244653 | 2.37:1 | — |
| Aa #244653 on #B75E6B | 2.33:1 | — |
| Aa #3E6F87 on #244653 | 1.84:1 | — |
| Aa #853C47 on #897A3E | 1.80:1 | — |
| Aa #853C47 on #B75E6B | 1.77:1 | — |
| Aa #3E6F87 on #853C47 | 1.40:1 | — |
CSS variables
:root {
--color-1: #3e6f87; /* Crashing Waves */
--color-2: #853c47; /* Burnt Russet */
--color-3: #897a3e; /* Capers */
--color-4: #244653; /* Rainstorm */
--color-5: #b75e6b; /* Sensuous */
}Other schemes from Crashing Waves
- Crashing Waves Complementary Color Scheme#3E6F87#689DB7#84563C#503629#BC896E
- Crashing Waves Analogous Color Scheme#398A59#38887F#3E6F87#3C4D85#5B3E90
- Crashing Waves Triadic Color Scheme#3E6F87#853C69#728639#6BA0BF#4F284B
- Crashing Waves Tetradic Color Scheme#3E6F87#723F89#84563C#468C3E#6BA0BF
- Crashing Waves Monochromatic Color Scheme#0E191C#244653#3E6F87#5D98B3#8EB8CE
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 Crashing Waves?
In a split-complementary scheme: Burnt Russet (#853C47), Capers (#897A3E), Rainstorm (#244653), Sensuous (#B75E6B).
What is the hex code of Crashing Waves?
#3E6F87.