#065357

#065357

Color Values

HEX

#065357

RGB

6, 83, 87

HSL

183.0, 87.1%, 18.2%

HSV

183.0, 93.1%, 34.1%

CMYK

93.1%, 4.6%, 0.0%, 65.9%

OKLCH

0.4031 0.0665 200.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#065357

#570A06

Analogous

#065732

#062A57

#065357

Triadic

#065357

#570653

#535706

Split Complementary

#065357

#57062A

#573206

Tetradic

#065357

#320657

#570A06

#2A5706

Color Blindness Simulation

Original

#065357

Protanopia

#272856

Deuteranopia

#231D56

Tritanopia

#0A5555

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BCF7FA
300
#8CF2F7
400
#4EEBF3
500
#10E3EF
600
#0DB6BF
700
#0B9299
800
#087277
900
#0A5356
950
#073437

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

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