hues-case
Take Five
HEX#B2CAD3
RGB178, 202, 211, 100%
HSL196, 27, 76, 100%
HSB196, 16, 83, 100%
lch79.72 10.16 226.57
oklch0.8239 0.0289 222.35
Back
ExamplesVariationsColor schemesAccessibility

Tints

Lighter, less intense

#ffffff
#f6f9fa
#eef3f5
#e5edf0
#dce7eb
#d4e1e6
#cbdbe2
#c3d6dd
#bad0d8
#b2cad3

Shades

Darker, more solid

#98acb4
#7e9096
#66747a
#4e5a5e
#384044
#23292b
#0f1314
#020303
#000000

Tones

Muted, more desaturated

#b2cad3
#b4cad2
#b6c9d0
#b8c9cf
#b9c8ce
#bbc8cc
#bdc7cb
#bfc7ca
#c1c6c9
#c2c6c7

Similar colors

Related colors

#b3ccc5
#b1ccca
#b1cbcf
#b2cad3
#b5c9d6
#b8c7d8