#1C5458

#1C5458

Color Values

HEX

#1C5458

RGB

28, 84, 88

HSL

184.0, 51.7%, 22.7%

HSV

184.0, 68.2%, 34.5%

CMYK

68.2%, 4.5%, 0.0%, 65.5%

OKLCH

0.4115 0.0576 201.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#1C5458

#58201C

Analogous

#1C583E

#1C3658

#1C5458

Triadic

#1C5458

#581C54

#54581C

Split Complementary

#1C5458

#581C36

#583E1C

Tetradic

#1C5458

#3E1C58

#58201C

#36581C

Color Blindness Simulation

Original

#1C5458

Protanopia

#343557

Deuteranopia

#312D57

Tritanopia

#1F5656

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9EBEE
300
#A2DDE1
400
#70CBD1
500
#3EB9C1
600
#31949B
700
#27767C
800
#1F5C61
900
#1A4447
950
#102B2D

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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