#71ACBB

#71ACBB

Color Values

HEX

#71ACBB

RGB

113, 172, 187

HSL

192,2, 35,2%, 58,8%

HSV

192,2, 39,6%, 73,3%

CMYK

39,6%, 8,0%, 0,0%, 26,7%

OKLCH

0,7094 0,0649 215,5

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#71ACBB

#BB8071

Analogous

#71BBA5

#7187BB

#71ACBB

Triadic

#71ACBB

#BB71AC

#ACBB71

Split Complementary

#71ACBB

#BB7187

#BBA571

Tetradic

#71ACBB

#A571BB

#BB8071

#87BB71

Color Blindness Simulation

Original

#71ACBB

Protanopia

#8B8BB7

Deuteranopia

#8783B6

Tritanopia

#74B5B4

Achromatopsia

#A1A1A1

CSS Usage

background-color: #71ACBB;
color: #71ACBB;
border-color: #71ACBB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE3E8
300
#ACCFD7
400
#7FB4C2
500
#539AAC
600
#427B8A
700
#35636E
800
#294D56
900
#213A40
950
#152428

Contrast Checker

Text on white

2,52:1

AA Fail AAA Fail

Text on black

8,32:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026