#258584

#258584

Color Values

HEX

#258584

RGB

37, 133, 132

HSL

179.4, 56.5%, 33.3%

HSV

179.4, 72.2%, 52.2%

CMYK

72.2%, 0.0%, 0.8%, 47.8%

OKLCH

0.5631 0.0857 194.0

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#258584

#852526

Analogous

#258554

#255685

#258584

Triadic

#258584

#842585

#858425

Split Complementary

#258584

#852556

#855425

Tetradic

#258584

#542585

#852526

#568525

Color Blindness Simulation

Original

#258584

Protanopia

#4F4F84

Deuteranopia

#494284

Tritanopia

#2A8484

Achromatopsia

#717171

CSS Usage

background-color: #258584;
color: #258584;
border-color: #258584;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFB
100
#E5F6F6
200
#C7EFEF
300
#9FE4E4
400
#6BD6D5
500
#37C8C6
600
#2CA09E
700
#23807F
800
#1C6463
900
#184949
950
#0F2E2E

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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