#077F8C

#077F8C

Color Values

HEX

#077F8C

RGB

7, 127, 140

HSL

185.9, 90.5%, 28.8%

HSV

185.9, 95.0%, 54.9%

CMYK

95.0%, 9.3%, 0.0%, 45.1%

OKLCH

0.5459 0.0924 207.5

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#077F8C

#8C1407

Analogous

#078C57

#073C8C

#077F8C

Triadic

#077F8C

#8C077F

#7F8C07

Split Complementary

#077F8C

#8C073C

#8C5707

Tetradic

#077F8C

#57078C

#8C1407

#3C8C07

Color Blindness Simulation

Original

#077F8C

Protanopia

#3B3C89

Deuteranopia

#342B88

Tritanopia

#0D8686

Achromatopsia

#666666

CSS Usage

background-color: #077F8C;
color: #077F8C;
border-color: #077F8C;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEEF9
400
#4BE5F6
500
#0CDCF3
600
#0AB0C2
700
#088D9B
800
#066E79
900
#095058
950
#063338

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026