#2185AB

#2185AB

Color Values

HEX

#2185AB

RGB

33, 133, 171

HSL

196.5, 67.6%, 40.0%

HSV

196.5, 80.7%, 67.1%

CMYK

80.7%, 22.2%, 0.0%, 32.9%

OKLCH

0.5789 0.1043 229.1

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#2185AB

#AB4721

Analogous

#21AB8C

#2140AB

#2185AB

Triadic

#2185AB

#AB2185

#85AB21

Split Complementary

#2185AB

#AB2140

#AB8C21

Tetradic

#2185AB

#8C21AB

#AB4721

#40AB21

Color Blindness Simulation

Original

#2185AB

Protanopia

#4C4DA2

Deuteranopia

#463FA0

Tritanopia

#269B99

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E3F2F7
200
#C3E6F3
300
#98D4EB
400
#61BDE0
500
#29A6D6
600
#2185AB
700
#1A6A89
800
#15536B
900
#133E4E
950
#0C2731

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01: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