#295756

#295756

Color Values

HEX

#295756

RGB

41, 87, 86

HSL

178.7, 35.9%, 25.1%

HSV

178.7, 52.9%, 34.1%

CMYK

52.9%, 0.0%, 1.1%, 65.9%

OKLCH

0.4242 0.0505 193.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#295756

#57292A

Analogous

#29573F

#294157

#295756

Triadic

#295756

#562957

#575629

Split Complementary

#295756

#572941

#573F29

Tetradic

#295756

#3F2957

#57292A

#415729

Color Blindness Simulation

Original

#295756

Protanopia

#3D3D56

Deuteranopia

#3A3756

Tritanopia

#2B5656

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F3F2
200
#CEE8E8
300
#ACD8D7
400
#7FC3C1
500
#52ADAB
600
#418B89
700
#346F6E
800
#295756
900
#21403F
950
#152828

Contrast Checker

Text on white

8.1:1

AA Pass AAA Pass

Text on black

2.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026