#149BAC

#149BAC

Color Values

HEX

#149BAC

RGB

20, 155, 172

HSL

186.7, 79.2%, 37.6%

HSV

186.7, 88.4%, 67.5%

CMYK

88.4%, 9.9%, 0.0%, 32.5%

OKLCH

0.6324 0.1057 208.9

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#149BAC

#AC2514

Analogous

#14AC71

#144FAC

#149BAC

Triadic

#149BAC

#AC149B

#9BAC14

Split Complementary

#149BAC

#AC144F

#AC7114

Tetradic

#149BAC

#7114AC

#AC2514

#4FAC14

Color Blindness Simulation

Original

#149BAC

Protanopia

#4E50A8

Deuteranopia

#473CA7

Tritanopia

#1BA5A4

Achromatopsia

#808080

CSS Usage

background-color: #149BAC;
color: #149BAC;
border-color: #149BAC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FBFC
100
#E1F6F9
200
#BFF1F8
300
#91E7F2
400
#56DBEB
500
#1BCEE4
600
#15A5B7
700
#118492
800
#0D6772
900
#0E4B53
950
#093034

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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