#0185A2

#0185A2

Color Values

HEX

#0185A2

RGB

1, 133, 162

HSL

190.8, 98.8%, 32.0%

HSV

190.8, 99.4%, 63.5%

CMYK

99.4%, 17.9%, 0.0%, 36.5%

OKLCH

0.5707 0.104 220.3

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#0185A2

#A21E01

Analogous

#01A26F

#0135A2

#0185A2

Triadic

#0185A2

#A20185

#85A201

Split Complementary

#0185A2

#A20135

#A26F01

Tetradic

#0185A2

#6F01A2

#A21E01

#35A201

Color Blindness Simulation

Original

#0185A2

Protanopia

#3A3B9B

Deuteranopia

#322999

Tritanopia

#089594

Achromatopsia

#6B6B6B

CSS Usage

background-color: #0185A2;
color: #0185A2;
border-color: #0185A2;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F1FBFE
100
#DEF7FC
200
#B8F2FF
300
#85E8FE
400
#43DCFE
500
#02D0FD
600
#01A6CB
700
#0185A2
800
#01687F
900
#054C5C
950
#03303A

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.88:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026