#14778F

#14778F

Color Values

HEX

#14778F

RGB

20, 119, 143

HSL

191.7, 75.5%, 32.0%

HSV

191.7, 86.0%, 56.1%

CMYK

86.0%, 16.8%, 0.0%, 43.9%

OKLCH

0.5279 0.0908 219.5

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#14778F

#8F2C14

Analogous

#148F6A

#143A8F

#14778F

Triadic

#14778F

#8F1477

#778F14

Split Complementary

#14778F

#8F143A

#8F6A14

Tetradic

#14778F

#6A148F

#8F2C14

#3A8F14

Color Blindness Simulation

Original

#14778F

Protanopia

#3F4089

Deuteranopia

#393288

Tritanopia

#198584

Achromatopsia

#646464

CSS Usage

background-color: #14778F;
color: #14778F;
border-color: #14778F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F2FAFC
100
#E2F4F9
200
#C0ECF6
300
#94DEF0
400
#59CCE8
500
#1FBAE0
600
#1995B3
700
#14778F
800
#105D70
900
#104551
950
#0A2B33

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail 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