Friendly Frost Triadic Color Scheme
Five colors arranged by the triadic rule around Friendly Frost (#BFFBFF), each snapped to its nearest named color.
#BFFBFF
#FFBBFF
#FFFFBF
#E7FEFF
#FF6FFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Friendly Frost | #BFFBFF | 191, 251, 255 | 184°, 100%, 87% | 25, 2, 0, 0 | |
| Distilled Rose | #FFBBFF | 255, 187, 255 | 300°, 100%, 87% | 0, 27, 0, 0 | |
| Sour Veil | #FFFFBF | 255, 255, 191 | 60°, 100%, 87% | 0, 0, 25, 0 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | |
| Strawberry Frosting | #FF6FFC | 255, 111, 252 | 301°, 100%, 72% | 0, 56, 1, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFFFBF on #FF6FFC | 2.27:1 | — |
| Aa #E7FEFF on #FF6FFC | 2.24:1 | — |
| Aa #BFFBFF on #FF6FFC | 2.07:1 | — |
| Aa #FFBBFF on #FF6FFC | 1.55:1 | — |
| Aa #FFBBFF on #FFFFBF | 1.47:1 | — |
| Aa #FFBBFF on #E7FEFF | 1.45:1 | — |
CSS variables
:root {
--color-1: #bffbff; /* Friendly Frost */
--color-2: #ffbbff; /* Distilled Rose */
--color-3: #ffffbf; /* Sour Veil */
--color-4: #e7feff; /* Bubbles */
--color-5: #ff6ffc; /* Strawberry Frosting */
}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 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 triadic palettes
- Airy Triadic Color Scheme#DAE6E9#E9DBE4#E5E8D9#F1F3F3#CCACC1
- Alpine Expedition Triadic Color Scheme#99EEFF#FF99EE#EEFF99#E7FEFF#FF55EE
- Antiguan Triadic Color Scheme#BDDFD8#D4BDDF#DFD7BD#ECF7F7#B48AC2
- Bare Mintimum Triadic Color Scheme#D6E3E7#E4D7E5#E3E6D6#F0F4F8#CCACC1
- Blister Pearl Triadic Color Scheme#AAFFEE#EEAAFF#FFEEAA#E7FEFF#DD55FF
- Bone-Chilling Triadic Color Scheme#E1F2F0#EFE2F2#F2EFE1#ECF7F7#D4AFDA
- Break the Ice Triadic Color Scheme#B2E1EE#F2ABE1#E3EFB2#EEF7FA#E56CC0
- Bubbles Triadic Color Scheme#E7FEFF#FFEBFE#FFFFE5#E7FEFF#FF99FF
- Calm Waters Triadic Color Scheme#E7FAFA#FCEBFA#FBF9E8#EBFCFC#EEAAEE
- Castle in the Sky Triadic Color Scheme#D1EAED#F0D5EA#EAEBD1#ECF7F7#D39ED2
- Cold Canada Triadic Color Scheme#DBFFFE#FFDDFF#FFFED9#E7FEFF#FF88FF
- Cold Omen Triadic Color Scheme#D6EAE8#E7D8EA#E9E9D5#ECF7F7#C6A1CF
Questions
What colors go with Friendly Frost?
In a triadic scheme: Distilled Rose (#FFBBFF), Sour Veil (#FFFFBF), Bubbles (#E7FEFF), Strawberry Frosting (#FF6FFC).
What is the hex code of Friendly Frost?
#BFFBFF.