#045861

#045861

Color Values

HEX

#045861

RGB

4, 88, 97

HSL

185.8, 92.1%, 19.8%

HSV

185.8, 95.9%, 38.0%

CMYK

95.9%, 9.3%, 0.0%, 62.0%

OKLCH

0.4213 0.071 207.0

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#045861

#610D04

Analogous

#04613B

#042961

#045861

Triadic

#045861

#610458

#586104

Split Complementary

#045861

#610429

#613B04

Tetradic

#045861

#3B0461

#610D04

#296104

Color Blindness Simulation

Original

#045861

Protanopia

#28295F

Deuteranopia

#241D5E

Tritanopia

#085D5D

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF6FC
300
#89EFFA
400
#4AE7F8
500
#0ADEF5
600
#08B2C4
700
#068E9D
800
#056F7A
900
#085159
950
#053338

Contrast Checker

Text on white

8.16:1

AA Pass AAA Pass

Text on black

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