#06484D

#06484D

Color Values

HEX

#06484D

RGB

6, 72, 77

HSL

184.2, 85.5%, 16.3%

HSV

184.2, 92.2%, 30.2%

CMYK

92.2%, 6.5%, 0.0%, 69.8%

OKLCH

0.367 0.06 203.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#06484D

#4D0B06

Analogous

#064D2F

#06254D

#06484D

Triadic

#06484D

#4D0648

#484D06

Split Complementary

#06484D

#4D0625

#4D2F06

Tetradic

#06484D

#2F064D

#4D0B06

#254D06

Color Blindness Simulation

Original

#06484D

Protanopia

#23234C

Deuteranopia

#1F1A4C

Tritanopia

#094B4B

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BDF6FA
300
#8DEFF6
400
#50E6F1
500
#12DDED
600
#0FB1BD
700
#0C8E97
800
#096F76
900
#0B5156
950
#073336

Contrast Checker

Text on white

10.28:1

AA Pass AAA Pass

Text on black

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