Inuit Blue Tetradic Color Scheme
Five colors arranged by the tetradic rule around Inuit Blue (#D8E4E7), each snapped to its nearest named color.
#D8E4E7
#E3D7E5
#E7DAD7
#DDE6D7
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Inuit Blue | #D8E4E7 | 216, 228, 231 | 192°, 24%, 88% | 6, 1, 0, 9 | |
| Lavender Vista | #E3D7E5 | 227, 215, 229 | 291°, 21%, 87% | 1, 6, 0, 10 | |
| Light Porcelain | #E7DAD7 | 231, 218, 215 | 11°, 25%, 87% | 0, 6, 7, 9 | |
| Lime Daiquiri | #DDE6D7 | 221, 230, 215 | 96°, 23%, 87% | 4, 0, 7, 10 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E3D7E5 on #F1F3F3 | 1.25:1 | — |
| Aa #E7DAD7 on #F1F3F3 | 1.22:1 | — |
| Aa #D8E4E7 on #F1F3F3 | 1.17:1 | — |
| Aa #DDE6D7 on #F1F3F3 | 1.15:1 | — |
| Aa #E3D7E5 on #DDE6D7 | 1.08:1 | — |
| Aa #D8E4E7 on #E3D7E5 | 1.07:1 | — |
CSS variables
:root {
--color-1: #d8e4e7; /* Inuit Blue */
--color-2: #e3d7e5; /* Lavender Vista */
--color-3: #e7dad7; /* Light Porcelain */
--color-4: #dde6d7; /* Lime Daiquiri */
--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 Monochromatic Color Scheme#77A2AD#ABC3CA#D8E4E7#F1F3F3#F1F3F3
More Very Light Teal tetradic palettes
- Airy Tetradic Color Scheme#DAE6E9#E3DAE9#E8DEDA#DFEADB#F1F3F3
- Alpine Expedition Tetradic Color Scheme#99EEFF#D59CFC#FFAA99#BBFF99#E7FEFF
- Antiguan Tetradic Color Scheme#BDDFD8#C6BEDD#DCBDC8#DDDEBE#ECF7F7
- Bare Mintimum Tetradic Color Scheme#D6E3E7#E3D6E9#E6DAD6#DAE9D6#F0F4F8
- Blister Pearl Tetradic Color Scheme#AAFFEE#CCAAFF#FFAABB#EEFFAA#E7FEFF
- Bone-Chilling Tetradic Color Scheme#E1F2F0#E7E0EE#F0E2E4#ECF3E1#ECF7F7
- Break the Ice Tetradic Color Scheme#B2E1EE#DDAAEE#F1BFB1#CEEBB2#EEF7FA
- Bubbles Tetradic Color Scheme#E7FEFF#F0EBFC#FFE8E5#F1FDE9#E7FEFF
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Castle in the Sky Tetradic Color Scheme#D1EAED#E9D2EF#ECD4D2#DAEED3#ECF7F7
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Omen Tetradic Color Scheme#D6EAE8#DDD6E7#ECD5D9#E3EAD6#ECF7F7
Questions
What colors go with Inuit Blue?
In a tetradic scheme: Lavender Vista (#E3D7E5), Light Porcelain (#E7DAD7), Lime Daiquiri (#DDE6D7), Zappy Zebra (#F1F3F3).
What is the hex code of Inuit Blue?
#D8E4E7.