#018AA2

#018AA2

Color Values

HEX

#018AA2

RGB

1, 138, 162

HSL

188.9, 98.8%, 32.0%

HSV

188.9, 99.4%, 63.5%

CMYK

99.4%, 14.8%, 0.0%, 36.5%

OKLCH

0.5834 0.1033 215.7

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#018AA2

#A21901

Analogous

#01A26A

#013AA2

#018AA2

Triadic

#018AA2

#A2018A

#8AA201

Split Complementary

#018AA2

#A2013A

#A26A01

Tetradic

#018AA2

#6A01A2

#A21901

#3AA201

Color Blindness Simulation

Original

#018AA2

Protanopia

#3C3E9C

Deuteranopia

#342A9B

Tritanopia

#089897

Achromatopsia

#6F6F6F

CSS Usage

background-color: #018AA2;
color: #018AA2;
border-color: #018AA2;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B8F4FF
300
#85ECFE
400
#43E2FE
500
#02D8FD
600
#01ADCB
700
#018AA2
800
#016C7F
900
#054F5C
950
#03323A

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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