#2191AB

#2191AB

Color Values

HEX

#2191AB

RGB

33, 145, 171

HSL

191,3, 67,6%, 40,0%

HSV

191,3, 80,7%, 67,1%

CMYK

80,7%, 15,2%, 0,0%, 32,9%

OKLCH

0,6088 0,1013 217,9

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#2191AB

#AB3B21

Analogous

#21AB80

#214CAB

#2191AB

Triadic

#2191AB

#AB2191

#91AB21

Split Complementary

#2191AB

#AB214C

#AB8021

Tetradic

#2191AB

#8021AB

#AB3B21

#4CAB21

Color Blindness Simulation

Original

#2191AB

Protanopia

#5252A5

Deuteranopia

#4B43A3

Tritanopia

#27A09F

Achromatopsia

#7B7B7B

CSS Usage

background-color: #2191AB;
color: #2191AB;
border-color: #2191AB;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C3EAF3
300
#98DCEB
400
#61C8E0
500
#29B5D6
600
#2191AB
700
#1A7489
800
#155B6B
900
#13434E
950
#0C2A31

Contrast Checker

Text on white

3,68:1

AA Fail AAA Fail

Text on black

5,7:1

AA Pass AAA Fail

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