Friendly Frost Tetradic Color Scheme
Five colors arranged by the tetradic rule around Friendly Frost (#BFFBFF), each snapped to its nearest named color.
#BFFBFF
#EEBBFF
#FFC3BF
#D1FFBD
#E7FEFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Friendly Frost | #BFFBFF | 191, 251, 255 | 184°, 100%, 87% | 25, 2, 0, 0 | |
| Euphoria | #EEBBFF | 238, 187, 255 | 285°, 100%, 87% | 7, 27, 0, 0 | |
| Ladylike | #FFC3BF | 255, 195, 191 | 4°, 100%, 87% | 0, 24, 25, 0 | |
| Greedy Green | #D1FFBD | 209, 255, 189 | 102°, 100%, 87% | 18, 0, 26, 0 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EEBBFF on #E7FEFF | 1.52:1 | — |
| Aa #FFC3BF on #E7FEFF | 1.45:1 | — |
| Aa #EEBBFF on #D1FFBD | 1.42:1 | — |
| Aa #BFFBFF on #EEBBFF | 1.40:1 | — |
| Aa #FFC3BF on #D1FFBD | 1.36:1 | — |
| Aa #BFFBFF on #FFC3BF | 1.34:1 | — |
CSS variables
:root {
--color-1: #bffbff; /* Friendly Frost */
--color-2: #eebbff; /* Euphoria */
--color-3: #ffc3bf; /* Ladylike */
--color-4: #d1ffbd; /* Greedy Green */
--color-5: #e7feff; /* Bubbles */
}Other schemes from Friendly Frost
- Friendly Frost Complementary Color Scheme#BFFBFF#E7FEFF#FFC3BF#FD7C6E#FFE8E5
- 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 Monochromatic Color Scheme#22EEFF#73FDFF#BFFBFF#E7FEFF#E7FEFF
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 Friendly Frost?
In a tetradic scheme: Euphoria (#EEBBFF), Ladylike (#FFC3BF), Greedy Green (#D1FFBD), Bubbles (#E7FEFF).
What is the hex code of Friendly Frost?
#BFFBFF.