#149AB8

#149AB8

Color Values

HEX

#149AB8

RGB

20, 154, 184

HSL

191.0, 80.4%, 40.0%

HSV

191.0, 89.1%, 72.2%

CMYK

89.1%, 16.3%, 0.0%, 27.8%

OKLCH

0.635 0.1113 218.8

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#149AB8

#B83214

Analogous

#14B884

#1448B8

#149AB8

Triadic

#149AB8

#B8149A

#9AB814

Split Complementary

#149AB8

#B81448

#B88414

Tetradic

#149AB8

#8414B8

#B83214

#48B814

Color Blindness Simulation

Original

#149AB8

Protanopia

#4E4FB1

Deuteranopia

#463CAF

Tritanopia

#1BABAA

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E1F5F9
200
#BFEDF8
300
#91E1F3
400
#55D1ED
500
#19C0E6
600
#149AB8
700
#107B93
800
#0C6073
900
#0D4754
950
#082D35

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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