#4FA7BC

#4FA7BC

Color Values

HEX

#4FA7BC

RGB

79, 167, 188

HSL

191.6, 44.9%, 52.4%

HSV

191.6, 58.0%, 73.7%

CMYK

58.0%, 11.2%, 0.0%, 26.3%

OKLCH

0.6826 0.0893 215.7

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#4FA7BC

#BC644F

Analogous

#4FBC9B

#4F71BC

#4FA7BC

Triadic

#4FA7BC

#BC4FA7

#A7BC4F

Split Complementary

#4FA7BC

#BC4F71

#BC9B4F

Tetradic

#4FA7BC

#9B4FBC

#BC644F

#71BC4F

Color Blindness Simulation

Original

#4FA7BC

Protanopia

#7576B7

Deuteranopia

#7069B6

Tritanopia

#53B3B2

Achromatopsia

#969696

CSS Usage

background-color: #4FA7BC;
color: #4FA7BC;
border-color: #4FA7BC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CBE5EB
300
#A6D3DD
400
#76BBCB
500
#46A3B9
600
#388294
700
#2D6876
800
#23515C
900
#1D3C44
950
#12262B

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.59:1

AA Pass AAA Pass

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