Swimming Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Swimming (#C2E5E5), each snapped to its nearest named color.
#5DBCB4
#8ECFD0
#C2E5E5
#ECF7F7
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Hygiene Green | #5DBCB4 | 93, 188, 180 | 175°, 41%, 55% | 51, 0, 4, 26 | 73.5% 0.091 188 | |
| Fling Green | #8ECFD0 | 142, 207, 208 | 181°, 41%, 69% | 32, 0, 0, 18 | 81.1% 0.066 197 | |
| Swimming | #C2E5E5 | 194, 229, 229 | 180°, 40%, 83% | 15, 0, 0, 10 | 89.7% 0.037 197 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | 96.8% 0.012 197 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | 96.8% 0.012 197 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5DBCB4 on #ECF7F7 | 2.06:1 | — |
| Aa #5DBCB4 on #ECF7F7 | 2.06:1 | — |
| Aa #5DBCB4 on #C2E5E5 | 1.68:1 | — |
| Aa #8ECFD0 on #ECF7F7 | 1.60:1 | — |
| Aa #8ECFD0 on #ECF7F7 | 1.60:1 | — |
| Aa #8ECFD0 on #C2E5E5 | 1.30:1 | — |
CSS variables
:root {
--color-1: #5dbcb4; /* Hygiene Green */
--color-2: #8ecfd0; /* Fling Green */
--color-3: #c2e5e5; /* Swimming */
--color-4: #ecf7f7; /* Aijiro White */
--color-5: #ecf7f7; /* Aijiro White */
}Other schemes from Swimming
- Swimming Complementary Color Scheme#C2E5E5#ECF7F7#E8C1C2#CE8C8D#F6EEED
- Swimming Analogous Color Scheme#C0E2C5#C1E5D5#C2E5E5#C4D3E5#C4C0E9
- Swimming Triadic Color Scheme#C2E5E5#E7C3E7#E4E4C5#ECF7F7#C687D6
- Swimming Split-complementary Color Scheme#C2E5E5#EAC3D2#E4D4C0#8ECFD0#F8EEF4
- Swimming Tetradic Color Scheme#C2E5E5#D5C7E8#E8C1C2#D4E7C3#ECF7F7
More very light teal monochromatic color schemes
- Airy Monochromatic Color Scheme#77A2AD#A9C6CB#DAE6E9#F1F3F3#F1F3F3
- Alpine Expedition Monochromatic Color Scheme#04D9FF#45E9FD#99EEFF#E7FEFF#E7FEFF
- Antiguan Monochromatic Color Scheme#54AF9C#8AC5BA#BDDFD8#ECF7F7#ECF7F7
- Bare Mintimum Monochromatic Color Scheme#76A0AF#A6C4CA#D6E3E7#F0F4F8#F0F4F8
- Blister Pearl Monochromatic Color Scheme#00FFCC#55FFCC#AAFFEE#E7FEFF#E7FEFF
- Bone-Chilling Monochromatic Color Scheme#7AC0BB#AEDDD3#E1F2F0#ECF7F7#ECF7F7
- Break the Ice Monochromatic Color Scheme#38AFCD#75C7E0#B2E1EE#EEF7FA#EEF7FA
- Bubbles Monochromatic Color Scheme#53F6FF#9CFAFF#E7FEFF#E7FEFF#E7FEFF
- Calm Waters Monochromatic Color Scheme#6FEBE3#AFEEEE#E7FAFA#EBFCFC#EBFCFC
- Castle in the Sky Monochromatic Color Scheme#62B4C0#98D2D9#D1EAED#ECF7F7#ECF7F7
- Cold Canada Monochromatic Color Scheme#41FDFE#88FFFF#DBFFFE#E7FEFF#E7FEFF
- Cold Omen Monochromatic Color Scheme#72B2AF#A5D0CB#D6EAE8#ECF7F7#ECF7F7
Questions
What colors go with Swimming?
In a monochromatic scheme: Hygiene Green (#5DBCB4), Fling Green (#8ECFD0), Aijiro White (#ECF7F7), Aijiro White (#ECF7F7).
What is the hex code of Swimming?
#C2E5E5.