#04918F

#04918F

Color Values

HEX

#04918F

RGB

4, 145, 143

HSL

179.1, 94.6%, 29.2%

HSV

179.1, 97.2%, 56.9%

CMYK

97.2%, 0.0%, 1.4%, 43.1%

OKLCH

0.5941 0.1011 193.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#04918F

#910406

Analogous

#049148

#044D91

#04918F

Triadic

#04918F

#8F0491

#918F04

Split Complementary

#04918F

#91044D

#914804

Tetradic

#04918F

#480491

#910406

#4D9104

Color Blindness Simulation

Original

#04918F

Protanopia

#41428F

Deuteranopia

#392E90

Tritanopia

#0B9090

Achromatopsia

#737373

CSS Usage

background-color: #04918F;
color: #04918F;
border-color: #04918F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FEFD
100
#DFFCFB
200
#BAFDFC
300
#88FCFA
400
#47FAF7
500
#07F8F4
600
#06C6C4
700
#049F9C
800
#037C7A
900
#075A58
950
#053938

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

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