#095256

#095256

Color Values

HEX

#095256

RGB

9, 82, 86

HSL

183.1, 81.1%, 18.6%

HSV

183.1, 89.5%, 33.7%

CMYK

89.5%, 4.7%, 0.0%, 66.3%

OKLCH

0.4003 0.065 200.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#095256

#560D09

Analogous

#095633

#092B56

#095256

Triadic

#095256

#560952

#525609

Split Complementary

#095256

#56092B

#563309

Tetradic

#095256

#330956

#560D09

#2B5609

Color Blindness Simulation

Original

#095256

Protanopia

#292955

Deuteranopia

#241F55

Tritanopia

#0D5454

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BEF5F8
300
#90EEF3
400
#54E5ED
500
#18DCE7
600
#13B0B9
700
#0F8D94
800
#0C6E73
900
#0D5054
950
#083335

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

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