#045354

#045354

Color Values

HEX

#045354

RGB

4, 83, 84

HSL

180.8, 90.9%, 17.3%

HSV

180.8, 95.2%, 32.9%

CMYK

95.2%, 1.2%, 0.0%, 67.1%

OKLCH

0.4015 0.067 196.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#045354

#540504

Analogous

#04542D

#042B54

#045354

Triadic

#045354

#540453

#535404

Split Complementary

#045354

#54042B

#542D04

Tetradic

#045354

#2D0454

#540504

#2B5404

Color Blindness Simulation

Original

#045354

Protanopia

#262754

Deuteranopia

#221C54

Tritanopia

#085454

Achromatopsia

#424242

CSS Usage

background-color: #045354;
color: #045354;
border-color: #045354;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BBFBFC
300
#8AF8F9
400
#4BF4F6
500
#0CF0F3
600
#09C0C3
700
#079A9C
800
#06787A
900
#095758
950
#063738

Contrast Checker

Text on white

8.86:1

AA Pass AAA Pass

Text on black

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