#309093

#309093

Color Values

HEX

#309093

RGB

48, 144, 147

HSL

181.8, 50.8%, 38.2%

HSV

181.8, 67.3%, 57.6%

CMYK

67.3%, 2.0%, 0.0%, 42.4%

OKLCH

0.5999 0.0872 198.1

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#309093

#933330

Analogous

#309364

#305E93

#309093

Triadic

#309093

#933090

#909330

Split Complementary

#309093

#93305E

#936430

Tetradic

#309093

#643093

#933330

#5E9330

Color Blindness Simulation

Original

#309093

Protanopia

#5A5A92

Deuteranopia

#544D92

Tritanopia

#359292

Achromatopsia

#7C7C7C

CSS Usage

background-color: #309093;
color: #309093;
border-color: #309093;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9ECED
300
#A3DFE1
400
#71CED1
500
#3FBCC0
600
#32979A
700
#28797B
800
#1F5E60
900
#1A4547
950
#112C2D

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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