Shark Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Shark (#CADCDE), each snapped to its nearest named color.
#CADCDE
#DFC9D1
#DFD5CA
#9BBCC3
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shark | #CADCDE | 202, 220, 222 | 186°, 23%, 83% | 9, 1, 0, 13 | |
| French Lavender | #DFC9D1 | 223, 201, 209 | 338°, 26%, 83% | 0, 10, 6, 13 | |
| Almond Beige | #DFD5CA | 223, 213, 202 | 31°, 25%, 83% | 0, 4, 9, 13 | |
| Bel Esprit | #9BBCC3 | 155, 188, 195 | 190°, 25%, 69% | 21, 4, 0, 24 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9BBCC3 on #F5F0F1 | 1.79:1 | — |
| Aa #CADCDE on #9BBCC3 | 1.43:1 | — |
| Aa #DFD5CA on #9BBCC3 | 1.40:1 | — |
| Aa #DFC9D1 on #F5F0F1 | 1.39:1 | — |
| Aa #DFC9D1 on #9BBCC3 | 1.29:1 | — |
| Aa #DFD5CA on #F5F0F1 | 1.28:1 | — |
CSS variables
:root {
--color-1: #cadcde; /* Shark */
--color-2: #dfc9d1; /* French Lavender */
--color-3: #dfd5ca; /* Almond Beige */
--color-4: #9bbcc3; /* Bel Esprit */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Shark
- Shark Complementary Color Scheme#CADCDE#F0F4F2#DFCDC7#C79D9B#F4EFEE
- Shark Analogous Color Scheme#CADECE#C7DDD6#CADCDE#C9D2DF#CBC8DD
- Shark Triadic Color Scheme#CADCDE#DECADE#DEDFC9#F0F4F2#CC99BB
- Shark Tetradic Color Scheme#CADCDE#D6C9DE#DFCDC7#CFDDC7#F0F4F2
- Shark Monochromatic Color Scheme#719CA4#9BBCC3#CADCDE#F0F4F2#F0F4F2
More Very Light Teal split-complementary palettes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Shark?
In a split-complementary scheme: French Lavender (#DFC9D1), Almond Beige (#DFD5CA), Bel Esprit (#9BBCC3), Plastic Clouds (#F5F0F1).
What is the hex code of Shark?
#CADCDE.