#3F8F98

#3F8F98

Color Values

HEX

#3F8F98

RGB

63, 143, 152

HSL

186.1, 41.4%, 42.2%

HSV

186.1, 58.6%, 59.6%

CMYK

58.6%, 5.9%, 0.0%, 40.4%

OKLCH

0.6041 0.0786 205.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#3F8F98

#98483F

Analogous

#3F9875

#3F6398

#3F8F98

Triadic

#3F8F98

#983F8F

#8F983F

Split Complementary

#3F8F98

#983F63

#98753F

Tetradic

#3F8F98

#753F98

#98483F

#63983F

Color Blindness Simulation

Original

#3F8F98

Protanopia

#626296

Deuteranopia

#5D5795

Tritanopia

#439494

Achromatopsia

#7F7F7F

CSS Usage

background-color: #3F8F98;
color: #3F8F98;
border-color: #3F8F98;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE7EA
300
#A8D6DB
400
#7AC0C8
500
#4BAAB4
600
#3C8890
700
#306D73
800
#25555A
900
#1E3F43
950
#13282A

Contrast Checker

Text on white

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