#04363D

#04363D

Color Values

HEX

#04363D

RGB

4, 54, 61

HSL

187.4, 87.7%, 12.7%

HSV

187.4, 93.4%, 23.9%

CMYK

93.4%, 11.5%, 0.0%, 76.1%

OKLCH

0.3058 0.0504 209.4

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#04363D

#3D0B04

Analogous

#043D27

#04193D

#04363D

Triadic

#04363D

#3D0436

#363D04

Split Complementary

#04363D

#3D0419

#3D2704

Tetradic

#04363D

#27043D

#3D0B04

#193D04

Color Blindness Simulation

Original

#04363D

Protanopia

#1A1A3B

Deuteranopia

#17133B

Tritanopia

#063A3A

Achromatopsia

#2C2C2C

CSS Usage

background-color: #04363D;
color: #04363D;
border-color: #04363D;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BCF3FB
300
#8CEAF7
400
#4EDFF3
500
#10D4EF
600
#0DA9BF
700
#0A8899
800
#086A78
900
#0A4D57
950
#063137

Contrast Checker

Text on white

13.12:1

AA Pass AAA Pass

Text on black

1.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026