#71a0b8
#a3c2d1
#c5d9e2
#d1b2a3
#b88770
Cadet Tan
#71a0b8
#a3c2d1
#c5d9e2
#d1b2a3
#b88770
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Blue
ī½Brown
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #71a0b8 | rgb(113, 160, 184) | hsl(200 33% 58%) | oklab(68% -0.04 -0.05) | oklch(68% 0.06 230) | color(display-p3 0.48 0.62 0.71) | |
ī½ | #a3c2d1 | rgb(163, 194, 209) | hsl(200 33% 73%) | oklab(80% -0.03 -0.03) | oklch(80% 0.04 230) | color(display-p3 0.66 0.76 0.81) | |
ī½ | #c5d9e2 | rgb(197, 217, 226) | hsl(200 33% 83%) | oklab(87% -0.02 -0.02) | oklch(87% 0.02 230) | color(display-p3 0.79 0.85 0.88) | |
ī½ | #d1b2a3 | rgb(209, 178, 163) | hsl(20 33% 73%) | oklab(79% 0.03 0.03) | oklch(79% 0.04 47) | color(display-p3 0.8 0.7 0.65) | |
ī½ | #b88770 | rgb(184, 135, 112) | hsl(19 34% 58%) | oklab(67% 0.05 0.05) | oklch(67% 0.07 46) | color(display-p3 0.69 0.54 0.45) |
ī Click on a color value to copy it to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#71a0b8
AA - 2.82
ī
#a3c2d1
AA - 1.87
ī
#c5d9e2
AA - 1.45
ī
#d1b2a3
AA - 1.97
ī
#b88770
AA - 3.11
ī
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with protanopia
Colors preview as palette with protanopia
UI components preview
Preview the gradient in different UI components.
PWA prompt