#0286A2

#0286A2

Color Values

HEX

#0286A2

RGB

2, 134, 162

HSL

190.5, 97.6%, 32.2%

HSV

190.5, 98.8%, 63.5%

CMYK

98.8%, 17.3%, 0.0%, 36.5%

OKLCH

0.5733 0.1036 219.5

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#0286A2

#A21E02

Analogous

#02A26E

#0236A2

#0286A2

Triadic

#0286A2

#A20286

#86A202

Split Complementary

#0286A2

#A20236

#A26E02

Tetradic

#0286A2

#6E02A2

#A21E02

#36A202

Color Blindness Simulation

Original

#0286A2

Protanopia

#3B3C9B

Deuteranopia

#342A9A

Tritanopia

#099695

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF7FC
200
#B8F2FE
300
#86E9FE
400
#45DDFD
500
#03D0FC
600
#02A7CA
700
#0285A1
800
#02687E
900
#064C5B
950
#043039

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.93:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026