#14484D

#14484D

Color Values

HEX

#14484D

RGB

20, 72, 77

HSL

185.3, 58.8%, 19.0%

HSV

185.3, 74.0%, 30.2%

CMYK

74.0%, 6.5%, 0.0%, 69.8%

OKLCH

0.3704 0.0539 204.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#14484D

#4D1914

Analogous

#144D35

#142B4D

#14484D

Triadic

#14484D

#4D1448

#484D14

Split Complementary

#14484D

#4D142B

#4D3514

Tetradic

#14484D

#35144D

#4D1914

#2B4D14

Color Blindness Simulation

Original

#14484D

Protanopia

#2B2B4C

Deuteranopia

#28244C

Tritanopia

#174B4B

Achromatopsia

#3D3D3D

CSS Usage

background-color: #14484D;
color: #14484D;
border-color: #14484D;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F4FAFB
100
#E4F4F6
200
#C6EDF0
300
#9EDFE6
400
#69CED8
500
#35BDCA
600
#2A97A2
700
#227982
800
#1A5F65
900
#17464A
950
#0E2C2F

Contrast Checker

Text on white

10.18:1

AA Pass AAA Pass

Text on black

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