#3F9BC0

#3F9BC0

Color Values

HEX

#3F9BC0

RGB

63, 155, 192

HSL

197.2, 50.6%, 50.0%

HSV

197.2, 67.2%, 75.3%

CMYK

67.2%, 19.3%, 0.0%, 24.7%

OKLCH

0.6501 0.1018 228.1

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#3F9BC0

#C0643F

Analogous

#3FC0A4

#3F5BC0

#3F9BC0

Triadic

#3F9BC0

#C03F9B

#9BC03F

Split Complementary

#3F9BC0

#C03F5B

#C0A43F

Tetradic

#3F9BC0

#A43FC0

#C0643F

#5BC03F

Color Blindness Simulation

Original

#3F9BC0

Protanopia

#6768B7

Deuteranopia

#625BB5

Tritanopia

#44B0AE

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F0F5
200
#C9E3ED
300
#A3CFE1
400
#71B5D0
500
#3F9BC0
600
#327C9A
700
#28637B
800
#1F4E60
900
#1A3A47
950
#11252D

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.66:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026