#91BAC2

#91BAC2

Color Values

HEX

#91BAC2

RGB

145, 186, 194

HSL

189.8, 28.7%, 66.5%

HSV

189.8, 25.3%, 76.1%

CMYK

25.3%, 4.1%, 0.0%, 23.9%

OKLCH

0.762 0.0452 210.9

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#91BAC2

#C29991

Analogous

#91C2B2

#91A2C2

#91BAC2

Triadic

#91BAC2

#C291BA

#BAC291

Split Complementary

#91BAC2

#C291A2

#C2B291

Tetradic

#91BAC2

#B291C2

#C29991

#A2C291

Color Blindness Simulation

Original

#91BAC2

Protanopia

#A3A3C0

Deuteranopia

#A09DC0

Tritanopia

#93BFBE

Achromatopsia

#B2B2B2

CSS Usage

background-color: #91BAC2;
color: #91BAC2;
border-color: #91BAC2;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F5F9F9
100
#E9F0F2
200
#D1E2E6
300
#B0CED3
400
#86B3BC
500
#5B98A4
600
#497A83
700
#3A6169
800
#2D4C52
900
#24393D
950
#172427

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

10.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026