Shipmate Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Shipmate (#7AA3CC), each snapped to its nearest named color.
#7AA3CC
#CA7C74
#C5CC7B
#4278AF
#E5B3B2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shipmate | #7AA3CC | 122, 163, 204 | 210°, 45%, 64% | 40, 20, 0, 20 | |
| Chilli Soda | #CA7C74 | 202, 124, 116 | 6°, 45%, 62% | 0, 39, 43, 21 | |
| Celery Green | #C5CC7B | 197, 204, 123 | 65°, 44%, 64% | 3, 0, 40, 20 | |
| Viennese Blue | #4278AF | 66, 120, 175 | 210°, 45%, 47% | 62, 31, 0, 31 | |
| Perfect Pink | #E5B3B2 | 229, 179, 178 | 1°, 50%, 80% | 0, 22, 22, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C5CC7B on #4278AF | 2.71:1 | — |
| Aa #4278AF on #E5B3B2 | 2.52:1 | — |
| Aa #CA7C74 on #C5CC7B | 1.85:1 | — |
| Aa #7AA3CC on #4278AF | 1.75:1 | — |
| Aa #CA7C74 on #E5B3B2 | 1.72:1 | — |
| Aa #7AA3CC on #C5CC7B | 1.55:1 | — |
CSS variables
:root {
--color-1: #7aa3cc; /* Shipmate */
--color-2: #ca7c74; /* Chilli Soda */
--color-3: #c5cc7b; /* Celery Green */
--color-4: #4278af; /* Viennese Blue */
--color-5: #e5b3b2; /* Perfect Pink */
}Other schemes from Shipmate
- Shipmate Complementary Color Scheme#7AA3CC#BBD0E3#CCA179#B77D42#E9D5C3
- Shipmate Analogous Color Scheme#79D0A7#7ACAD0#7AA3CC#7777CC#A87DC2
- Shipmate Triadic Color Scheme#7AA3CC#CC76A3#A5CF7E#C3D5E8#BA417B
- Shipmate Tetradic Color Scheme#7AA3CC#CC77CC#CCA179#6CCC7B#C3D5E8
- Shipmate Monochromatic Color Scheme#2D567C#4278AF#7AA3CC#B2C7E1#E8EFF8
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Shipmate?
In a split-complementary scheme: Chilli Soda (#CA7C74), Celery Green (#C5CC7B), Viennese Blue (#4278AF), Perfect Pink (#E5B3B2).
What is the hex code of Shipmate?
#7AA3CC.