#295855

#295855

Color Values

HEX

#295855

RGB

41, 88, 85

HSL

176.2, 36.4%, 25.3%

HSV

176.2, 53.4%, 34.5%

CMYK

53.4%, 0.0%, 3.4%, 65.5%

OKLCH

0.4265 0.0517 189.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#295855

#58292C

Analogous

#29583E

#294358

#295855

Triadic

#295855

#552958

#585529

Split Complementary

#295855

#582943

#583E29

Tetradic

#295855

#3E2958

#58292C

#435829

Color Blindness Simulation

Original

#295855

Protanopia

#3D3E56

Deuteranopia

#3B3756

Tritanopia

#2B5656

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CEE8E7
300
#ACD8D5
400
#7EC3BF
500
#51AEA8
600
#418B86
700
#346F6C
800
#295754
900
#21403E
950
#152927

Contrast Checker

Text on white

8.01:1

AA Pass AAA Pass

Text on black

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