#07889C

#07889C

Color Values

HEX

#07889C

RGB

7, 136, 156

HSL

188.1, 91.4%, 32.0%

HSV

188.1, 95.5%, 61.2%

CMYK

95.5%, 12.8%, 0.0%, 38.8%

OKLCH

0.5762 0.0995 212.9

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#07889C

#9C1B07

Analogous

#079C66

#073D9C

#07889C

Triadic

#07889C

#9C0788

#889C07

Split Complementary

#07889C

#9C073D

#9C6607

Tetradic

#07889C

#66079C

#9C1B07

#3D9C07

Color Blindness Simulation

Original

#07889C

Protanopia

#3F4097

Deuteranopia

#372E96

Tritanopia

#0D9392

Achromatopsia

#6E6E6E

CSS Usage

background-color: #07889C;
color: #07889C;
border-color: #07889C;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BBF3FC
300
#8AEBFA
400
#4AE0F7
500
#0BD5F4
600
#09AAC3
700
#07889C
800
#056A7A
900
#094E58
950
#053138

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass 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