#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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026