#095356

#095356

Color Values

HEX

#095356

RGB

9, 83, 86

HSL

182.3, 81.1%, 18.6%

HSV

182.3, 89.5%, 33.7%

CMYK

89.5%, 3.5%, 0.0%, 66.3%

OKLCH

0.4031 0.0655 199.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#095356

#560C09

Analogous

#095632

#092C56

#095356

Triadic

#095356

#560953

#535609

Split Complementary

#095356

#56092C

#563209

Tetradic

#095356

#320956

#560C09

#2C5609

Color Blindness Simulation

Original

#095356

Protanopia

#292A55

Deuteranopia

#251F55

Tritanopia

#0D5555

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F9F9
200
#BEF6F8
300
#90F0F3
400
#54E7ED
500
#18DFE7
600
#13B2B9
700
#0F8F94
800
#0C6F73
900
#0D5154
950
#083335

Contrast Checker

Text on white

8.81:1

AA Pass AAA Pass

Text on black

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