#3F8F92

#3F8F92

Color Values

HEX

#3F8F92

RGB

63, 143, 146

HSL

182.2, 39.7%, 41.0%

HSV

182.2, 56.8%, 57.3%

CMYK

56.8%, 2.1%, 0.0%, 42.7%

OKLCH

0.6019 0.0777 198.6

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#3F8F92

#92423F

Analogous

#3F926C

#3F6692

#3F8F92

Triadic

#3F8F92

#923F8F

#8F923F

Split Complementary

#3F8F92

#923F66

#926C3F

Tetradic

#3F8F92

#6C3F92

#92423F

#66923F

Color Blindness Simulation

Original

#3F8F92

Protanopia

#626291

Deuteranopia

#5D5791

Tritanopia

#439191

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDE8E9
300
#AAD8DA
400
#7BC3C6
500
#4DAEB2
600
#3E8C8E
700
#317072
800
#265759
900
#1F4042
950
#14292A

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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