#14526C

#14526C

Color Values

HEX

#14526C

RGB

20, 82, 108

HSL

197.7, 68.8%, 25.1%

HSV

197.7, 81.5%, 42.4%

CMYK

81.5%, 24.1%, 0.0%, 57.6%

OKLCH

0.4132 0.0741 231.0

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#14526C

#6C2E14

Analogous

#146C5A

#14266C

#14526C

Triadic

#14526C

#6C1452

#526C14

Split Complementary

#14526C

#6C1426

#6C5A14

Tetradic

#14526C

#5A146C

#6C2E14

#266C14

Color Blindness Simulation

Original

#14526C

Protanopia

#2F2F66

Deuteranopia

#2B2764

Tritanopia

#176160

Achromatopsia

#474747

CSS Usage

background-color: #14526C;
color: #14526C;
border-color: #14526C;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F3F9FC
100
#E3F1F8
200
#C3E5F4
300
#98D3EC
400
#60BBE2
500
#28A3D7
600
#2083AC
700
#19698A
800
#14526C
900
#123D4E
950
#0C2632

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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