Inuit Blue Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Inuit Blue (#D8E4E7), each snapped to its nearest named color.
#77A2AD
#ABC3CA
#D8E4E7
#F1F3F3
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Seascape | #77A2AD | 119, 162, 173 | 192°, 25%, 57% | 31, 6, 0, 32 | |
| Robin’s Pride | #ABC3CA | 171, 195, 202 | 194°, 23%, 73% | 15, 3, 0, 21 | |
| Inuit Blue | #D8E4E7 | 216, 228, 231 | 192°, 24%, 88% | 6, 1, 0, 9 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #77A2AD on #F1F3F3 | 2.50:1 | — |
| Aa #77A2AD on #F1F3F3 | 2.50:1 | — |
| Aa #77A2AD on #D8E4E7 | 2.14:1 | — |
| Aa #ABC3CA on #F1F3F3 | 1.66:1 | — |
| Aa #ABC3CA on #F1F3F3 | 1.66:1 | — |
| Aa #77A2AD on #ABC3CA | 1.51:1 | — |
CSS variables
:root {
--color-1: #77a2ad; /* Seascape */
--color-2: #abc3ca; /* Robin’s Pride */
--color-3: #d8e4e7; /* Inuit Blue */
--color-4: #f1f3f3; /* Zappy Zebra */
--color-5: #f1f3f3; /* Zappy Zebra */
}Other schemes from Inuit Blue
- Inuit Blue Complementary Color Scheme#D8E4E7#F1F3F3#E7DAD7#CAAEAB#F4EFEE
- Inuit Blue Analogous Color Scheme#D7E7DA#D9E7E3#D8E4E7#D8DCE6#DDD6E7
- Inuit Blue Triadic Color Scheme#D8E4E7#E6D9E2#E3E8D9#F1F3F3#CCACC1
- Inuit Blue Split-complementary Color Scheme#D8E4E7#E7D9DB#E6E3D8#A6C4CA#F5F0F1
- Inuit Blue Tetradic Color Scheme#D8E4E7#E3D7E5#E7DAD7#DDE6D7#F1F3F3
More Very Light Teal monochromatic palettes
- 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 Inuit Blue?
In a monochromatic scheme: Seascape (#77A2AD), Robin’s Pride (#ABC3CA), Zappy Zebra (#F1F3F3), Zappy Zebra (#F1F3F3).
What is the hex code of Inuit Blue?
#D8E4E7.