#295D63

#295D63

Color Values

HEX

#295D63

RGB

41, 93, 99

HSL

186.2, 41.4%, 27.5%

HSV

186.2, 58.6%, 38.8%

CMYK

58.6%, 6.1%, 0.0%, 61.2%

OKLCH

0.4456 0.056 205.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#295D63

#632F29

Analogous

#29634C

#294063

#295D63

Triadic

#295D63

#63295D

#5D6329

Split Complementary

#295D63

#632940

#634C29

Tetradic

#295D63

#4C2963

#632F29

#406329

Color Blindness Simulation

Original

#295D63

Protanopia

#404062

Deuteranopia

#3C3961

Tritanopia

#2C6060

Achromatopsia

#525252

CSS Usage

background-color: #295D63;
color: #295D63;
border-color: #295D63;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE7EA
300
#A8D6DB
400
#7AC0C8
500
#4BA9B4
600
#3C8890
700
#306C73
800
#25555A
900
#1E3F43
950
#13282A

Contrast Checker

Text on white

7.39:1

AA Pass AAA Pass

Text on black

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