Frozen Periwinkle Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Frozen Periwinkle (#C9D1EF), each snapped to its nearest named color.
#5566CC
#8B98D8
#C9D1EF
#E8EFF8
#E8EFF8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Borage Blue | #5566CC | 85, 102, 204 | 231°, 54%, 57% | 58, 50, 0, 20 | |
| Portage | #8B98D8 | 139, 152, 216 | 230°, 50%, 70% | 36, 30, 0, 15 | |
| Frozen Periwinkle | #C9D1EF | 201, 209, 239 | 227°, 54%, 86% | 16, 13, 0, 6 | |
| First Snow | #E8EFF8 | 232, 239, 248 | 214°, 53%, 94% | 6, 4, 0, 3 | |
| First Snow | #E8EFF8 | 232, 239, 248 | 214°, 53%, 94% | 6, 4, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5566CC on #E8EFF8 | 4.36:1 | AA large |
| Aa #5566CC on #E8EFF8 | 4.36:1 | AA large |
| Aa #5566CC on #C9D1EF | 3.33:1 | AA large |
| Aa #8B98D8 on #E8EFF8 | 2.39:1 | — |
| Aa #8B98D8 on #E8EFF8 | 2.39:1 | — |
| Aa #8B98D8 on #C9D1EF | 1.83:1 | — |
CSS variables
:root {
--color-1: #5566cc; /* Borage Blue */
--color-2: #8b98d8; /* Portage */
--color-3: #c9d1ef; /* Frozen Periwinkle */
--color-4: #e8eff8; /* First Snow */
--color-5: #e8eff8; /* First Snow */
}Other schemes from Frozen Periwinkle
- Frozen Periwinkle Complementary Color Scheme#C9D1EF#E8EFF8#EEE7C8#DDCB91#FAF6EA
- Frozen Periwinkle Analogous Color Scheme#CAF0E5#C9E5EE#C9D1EF#CEC8EF#EECCEE
- Frozen Periwinkle Triadic Color Scheme#C9D1EF#EDC9D0#CEF0CC#E8EFF8#DB899E
- Frozen Periwinkle Split-complementary Color Scheme#C9D1EF#F0D4CA#E3EDC8#8B98D8#FAEFE9
- Frozen Periwinkle Tetradic Color Scheme#C9D1EF#EFC6E1#EEE7C8#C9F0D1#E8EFF8
More Very Light Blue monochromatic palettes
- A Dime a Dozen Monochromatic Color Scheme#7595AB#A5B8C5#D3DDE4#EEF2F3#EEF2F3
- Andromeda Blue Monochromatic Color Scheme#268BCC#72A7E1#ABCDEE#EAF4FC#EAF4FC
- Après-Ski Monochromatic Color Scheme#7381B3#9BA9CA#CED5E4#EDF2F8#EDF2F8
- Ariel Monochromatic Color Scheme#3799C8#74B8DA#AED7EA#EBF4FC#EBF4FC
- Baby Blue Monochromatic Color Scheme#0080FF#55AAFF#A2CFFE#E8F5FC#E8F5FC
- Bird Bath Blue Monochromatic Color Scheme#659FB5#99BDD2#CDDFE7#F0F4F8#F0F4F8
- Blue Silk Monochromatic Color Scheme#698EB3#9EB6D0#D0DCE8#EDF2F8#EDF2F8
- Breaking the Ice Monochromatic Color Scheme#2CB1EB#76C5E7#B8E4F5#E8F7FD#E8F7FD
- Breath of Fresh Air Monochromatic Color Scheme#6198AE#97BBC8#C7DBE4#F0F4F8#F0F4F8
- Breeze Monochromatic Color Scheme#3377CC#71A2D4#AEC9EA#ECF3F9#ECF3F9
- Breezy Monochromatic Color Scheme#55A0B7#8DBBD1#C2DDE6#EBF6F7#EBF6F7
- Bright Star Monochromatic Color Scheme#8599A8#B2BBC6#DDE2E6#F2F2F4#F2F2F4
Questions
What colors go with Frozen Periwinkle?
In a monochromatic scheme: Borage Blue (#5566CC), Portage (#8B98D8), First Snow (#E8EFF8), First Snow (#E8EFF8).
What is the hex code of Frozen Periwinkle?
#C9D1EF.