#054048

#054048

Color Values

HEX

#054048

RGB

5, 64, 72

HSL

187.2, 87.0%, 15.1%

HSV

187.2, 93.1%, 28.2%

CMYK

93.1%, 11.1%, 0.0%, 71.8%

OKLCH

0.3411 0.0564 209.3

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#054048

#480D05

Analogous

#05482F

#051E48

#054048

Triadic

#054048

#480540

#404805

Split Complementary

#054048

#48051E

#482F05

Tetradic

#054048

#2F0548

#480D05

#1E4805

Color Blindness Simulation

Original

#054048

Protanopia

#1F1F46

Deuteranopia

#1B1746

Tritanopia

#084544

Achromatopsia

#343434

CSS Usage

background-color: #054048;
color: #054048;
border-color: #054048;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BCF3FA
300
#8DEAF7
400
#4FDFF3
500
#11D4EE
600
#0DA9BF
700
#0B8899
800
#086A77
900
#0B4D56
950
#073137

Contrast Checker

Text on white

11.45:1

AA Pass AAA Pass

Text on black

1.83:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026