#3F9BAB

#3F9BAB

Color Values

HEX

#3F9BAB

RGB

63, 155, 171

HSL

188.9, 46.2%, 45.9%

HSV

188.9, 63.2%, 67.1%

CMYK

63.2%, 9.4%, 0.0%, 32.9%

OKLCH

0.6412 0.0889 210.9

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#3F9BAB

#AB4F3F

Analogous

#3FAB85

#3F65AB

#3F9BAB

Triadic

#3F9BAB

#AB3F9B

#9BAB3F

Split Complementary

#3F9BAB

#AB3F65

#AB853F

Tetradic

#3F9BAB

#853FAB

#AB4F3F

#65AB3F

Color Blindness Simulation

Original

#3F9BAB

Protanopia

#6768A7

Deuteranopia

#625BA6

Tritanopia

#44A4A3

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CBE7EC
300
#A6D6DE
400
#75BFCC
500
#45A9BA
600
#378795
700
#2C6C77
800
#22545D
900
#1C3F45
950
#12282B

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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