#294945

#294945

Color Values

HEX

#294945

RGB

41, 73, 69

HSL

172.5, 28.1%, 22.4%

HSV

172.5, 43.8%, 28.6%

CMYK

43.8%, 0.0%, 5.5%, 71.4%

OKLCH

0.3793 0.0386 185.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#294945

#49292D

Analogous

#294935

#293D49

#294945

Triadic

#294945

#452949

#494529

Split Complementary

#294945

#49293D

#493529

Tetradic

#294945

#352949

#49292D

#3D4929

Color Blindness Simulation

Original

#294945

Protanopia

#373746

Deuteranopia

#353346

Tritanopia

#2B4747

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D1E5E3
300
#B1D3CF
400
#86BBB5
500
#5CA39A
600
#49837B
700
#3B6963
800
#2E524D
900
#243D3A
950
#172624

Contrast Checker

Text on white

9.84:1

AA Pass AAA Pass

Text on black

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