Huebook

Fizz Analogous Color Scheme

Five colors arranged by the analogous rule around Fizz (#B1DBAA), each snapped to its nearest named color.

#DBD4AB
#CEDAAC
#B1DBAA
#AAD9BB
#AEDDD3

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Dull Sage#DBD4AB219, 212, 17151°, 40%, 76%0, 3, 22, 1486.5% 0.055 99
Chameleon#CEDAAC206, 218, 17276°, 38%, 76%6, 0, 21, 1586.7% 0.063 120
Fizz#B1DBAA177, 219, 170111°, 40%, 76%19, 0, 22, 1484.9% 0.080 141
Shanghai Jade#AAD9BB170, 217, 187142°, 38%, 76%22, 0, 14, 1584.4% 0.064 157
Jaded Clouds#AEDDD3174, 221, 211167°, 41%, 77%21, 0, 5, 1386.2% 0.051 181

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CEDAAC on #AAD9BB1.07:1—
Aa #AAD9BB on #AEDDD31.05:1—
Aa #DBD4AB on #AAD9BB1.05:1—
Aa #CEDAAC on #B1DBAA1.05:1—
Aa #B1DBAA on #AEDDD31.04:1—
Aa #DBD4AB on #B1DBAA1.03:1—

CSS variables

:root {
  --color-1: #dbd4ab; /* Dull Sage */
  --color-2: #cedaac; /* Chameleon */
  --color-3: #b1dbaa; /* Fizz */
  --color-4: #aad9bb; /* Shanghai Jade */
  --color-5: #aeddd3; /* Jaded Clouds */
}

Other schemes from Fizz

More light green analogous color schemes

Questions

What colors go with Fizz?

In a analogous scheme: Dull Sage (#DBD4AB), Chameleon (#CEDAAC), Shanghai Jade (#AAD9BB), Jaded Clouds (#AEDDD3).

What is the hex code of Fizz?

#B1DBAA.