#307170

#307170

Color Values

HEX

#307170

RGB

48, 113, 112

HSL

179.1, 40.4%, 31.6%

HSV

179.1, 57.5%, 44.3%

CMYK

57.5%, 0.0%, 0.9%, 55.7%

OKLCH

0.5066 0.0659 193.9

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#307170

#713031

Analogous

#307150

#305271

#307170

Triadic

#307170

#703071

#717030

Split Complementary

#307170

#713052

#715030

Tetradic

#307170

#503071

#713031

#527130

Color Blindness Simulation

Original

#307170

Protanopia

#4C4D70

Deuteranopia

#484470

Tritanopia

#337070

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDEAE9
300
#A9DBDA
400
#7BC7C6
500
#4CB3B1
600
#3D8F8E
700
#317372
800
#265A59
900
#1F4242
950
#132A29

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

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