#045855

#045855

Color Values

HEX

#045855

RGB

4, 88, 85

HSL

177.9, 91.3%, 18.0%

HSV

177.9, 95.5%, 34.5%

CMYK

95.5%, 0.0%, 3.4%, 65.5%

OKLCH

0.4163 0.0704 190.7

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#045855

#580407

Analogous

#04582B

#043158

#045855

Triadic

#045855

#550458

#585504

Split Complementary

#045855

#580431

#582B04

Tetradic

#045855

#2B0458

#580407

#315804

Color Blindness Simulation

Original

#045855

Protanopia

#282956

Deuteranopia

#241D56

Tritanopia

#085656

Achromatopsia

#464646

CSS Usage

background-color: #045855;
color: #045855;
border-color: #045855;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BBFCFA
300
#8AFAF6
400
#4BF7F1
500
#0BF4EC
600
#09C3BD
700
#079C97
800
#067A76
900
#095855
950
#053836

Contrast Checker

Text on white

8.29:1

AA Pass AAA Pass

Text on black

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