Friendly Frost Complementary Color Scheme
Five colors arranged by the complementary rule around Friendly Frost (#BFFBFF), each snapped to its nearest named color.
#BFFBFF
#E7FEFF
#FFC3BF
#FD7C6E
#FFE8E5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Friendly Frost | #BFFBFF | 191, 251, 255 | 184°, 100%, 87% | 25, 2, 0, 0 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | |
| Ladylike | #FFC3BF | 255, 195, 191 | 4°, 100%, 87% | 0, 24, 25, 0 | |
| Hipster Salmon | #FD7C6E | 253, 124, 110 | 6°, 97%, 71% | 0, 51, 57, 1 | |
| Sheer Rosebud | #FFE8E5 | 255, 232, 229 | 7°, 100%, 95% | 0, 9, 10, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FEFF on #FD7C6E | 2.42:1 | — |
| Aa #BFFBFF on #FD7C6E | 2.23:1 | — |
| Aa #FD7C6E on #FFE8E5 | 2.16:1 | — |
| Aa #FFC3BF on #FD7C6E | 1.67:1 | — |
| Aa #E7FEFF on #FFC3BF | 1.45:1 | — |
| Aa #BFFBFF on #FFC3BF | 1.34:1 | — |
CSS variables
:root {
--color-1: #bffbff; /* Friendly Frost */
--color-2: #e7feff; /* Bubbles */
--color-3: #ffc3bf; /* Ladylike */
--color-4: #fd7c6e; /* Hipster Salmon */
--color-5: #ffe8e5; /* Sheer Rosebud */
}Other schemes from Friendly Frost
- Friendly Frost Analogous Color Scheme#BDFFCA#B8FFEB#BFFBFF#BBDDFF#CCBBFF
- Friendly Frost Triadic Color Scheme#BFFBFF#FFBBFF#FFFFBF#E7FEFF#FF6FFC
- Friendly Frost Split-complementary Color Scheme#BFFBFF#FFBCD9#FFE4BE#73FDFF#FFE6F1
- Friendly Frost Tetradic Color Scheme#BFFBFF#EEBBFF#FFC3BF#D1FFBD#E7FEFF
- Friendly Frost Monochromatic Color Scheme#22EEFF#73FDFF#BFFBFF#E7FEFF#E7FEFF
More Very Light Teal complementary palettes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
Questions
What colors go with Friendly Frost?
In a complementary scheme: Bubbles (#E7FEFF), Ladylike (#FFC3BF), Hipster Salmon (#FD7C6E), Sheer Rosebud (#FFE8E5).
What is the hex code of Friendly Frost?
#BFFBFF.