#076564

#076564

Color Values

HEX

#076564

RGB

7, 101, 100

HSL

179.4, 87.0%, 21.2%

HSV

179.4, 93.1%, 39.6%

CMYK

93.1%, 0.0%, 1.0%, 60.4%

OKLCH

0.4593 0.0767 193.6

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#076564

#650708

Analogous

#076535

#073765

#076564

Triadic

#076564

#640765

#656407

Split Complementary

#076564

#650737

#653507

Tetradic

#076564

#350765

#650708

#376507

Color Blindness Simulation

Original

#076564

Protanopia

#303164

Deuteranopia

#2A2364

Tritanopia

#0C6464

Achromatopsia

#515151

CSS Usage

background-color: #076564;
color: #076564;
border-color: #076564;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BCFAFA
300
#8DF7F6
400
#4FF3F1
500
#11EEEC
600
#0DBFBD
700
#0B9997
800
#087776
900
#0B5656
950
#073736

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

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