#30879C

#30879C

Color Values

HEX

#30879C

RGB

48, 135, 156

HSL

191.7, 52.9%, 40.0%

HSV

191.7, 69.2%, 61.2%

CMYK

69.2%, 13.5%, 0.0%, 38.8%

OKLCH

0.5808 0.0868 217.0

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#30879C

#9C4530

Analogous

#309C7B

#30519C

#30879C

Triadic

#30879C

#9C3087

#879C30

Split Complementary

#30879C

#9C3051

#9C7B30

Tetradic

#30879C

#7B309C

#9C4530

#519C30

Color Blindness Simulation

Original

#30879C

Protanopia

#565697

Deuteranopia

#514A96

Tritanopia

#349392

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F2F5
200
#C8E7EE
300
#A1D6E2
400
#6FBFD3
500
#3CA9C3
600
#30879C
700
#266C7D
800
#1E5461
900
#193F48
950
#10272D

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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