#06787D

#06787D

Color Values

HEX

#06787D

RGB

6, 120, 125

HSL

182.5, 90.8%, 25.7%

HSV

182.5, 95.2%, 49.0%

CMYK

95.2%, 4.0%, 0.0%, 51.0%

OKLCH

0.5211 0.0874 200.0

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#06787D

#7D0B06

Analogous

#067D46

#063D7D

#06787D

Triadic

#06787D

#7D0678

#787D06

Split Complementary

#06787D

#7D063D

#7D4606

Tetradic

#06787D

#46067D

#7D0B06

#3D7D06

Color Blindness Simulation

Original

#06787D

Protanopia

#37387C

Deuteranopia

#31287C

Tritanopia

#0C7B7B

Achromatopsia

#606060

CSS Usage

background-color: #06787D;
color: #06787D;
border-color: #06787D;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BBF9FC
300
#8AF5F9
400
#4BEFF6
500
#0CEAF3
600
#09BBC3
700
#08969C
800
#06757A
900
#095558
950
#063638

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026