#30756F

#30756F

Color Values

HEX

#30756F

RGB

48, 117, 111

HSL

174.8, 41.8%, 32.4%

HSV

174.8, 59.0%, 45.9%

CMYK

59.0%, 0.0%, 5.1%, 54.1%

OKLCH

0.5168 0.0698 187.5

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#30756F

#753036

Analogous

#30754D

#305975

#30756F

Triadic

#30756F

#6F3075

#756F30

Split Complementary

#30756F

#753059

#754D30

Tetradic

#30756F

#4D3075

#753036

#597530

Color Blindness Simulation

Original

#30756F

Protanopia

#4E4E70

Deuteranopia

#4A4571

Tritanopia

#337272

Achromatopsia

#666666

CSS Usage

background-color: #30756F;
color: #30756F;
border-color: #30756F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAFA
100
#E7F3F2
200
#CCEAE8
300
#A8DBD7
400
#79C8C1
500
#4AB5AC
600
#3B9189
700
#2F746E
800
#255A56
900
#1E4340
950
#132A28

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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