#184F50

#184F50

Color Values

HEX

#184F50

RGB

24, 79, 80

HSL

181.1, 53.8%, 20.4%

HSV

181.1, 70.0%, 31.4%

CMYK

70.0%, 1.2%, 0.0%, 68.6%

OKLCH

0.3928 0.0562 196.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#184F50

#501918

Analogous

#185035

#183350

#184F50

Triadic

#184F50

#50184F

#4F5018

Split Complementary

#184F50

#501833

#503518

Tetradic

#184F50

#351850

#501918

#335018

Color Blindness Simulation

Original

#184F50

Protanopia

#303050

Deuteranopia

#2D2850

Tritanopia

#1B5050

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EEEF
300
#A1E2E3
400
#6ED2D3
500
#3BC2C4
600
#2F9B9D
700
#267C7E
800
#1D6162
900
#194748
950
#102D2D

Contrast Checker

Text on white

9.24:1

AA Pass AAA Pass

Text on black

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