#33918F

#33918F

Color Values

HEX

#33918F

RGB

51, 145, 143

HSL

178.7, 48.0%, 38.4%

HSV

178.7, 64.8%, 56.9%

CMYK

64.8%, 0.0%, 1.4%, 43.1%

OKLCH

0.6019 0.0865 193.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#33918F

#913335

Analogous

#339160

#336491

#33918F

Triadic

#33918F

#8F3391

#918F33

Split Complementary

#33918F

#913364

#916033

Tetradic

#33918F

#603391

#913335

#649133

Color Blindness Simulation

Original

#33918F

Protanopia

#5C5D8F

Deuteranopia

#564F90

Tritanopia

#389090

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEC
300
#A4DFDE
400
#73CECC
500
#42BDBA
600
#359795
700
#2A7977
800
#215E5D
900
#1C4544
950
#112C2B

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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