#4F7BCB

#4F7BCB

Color Values

HEX

#4F7BCB

RGB

79, 123, 203

HSL

218.7, 54.4%, 55.3%

HSV

218.7, 61.1%, 79.6%

CMYK

61.1%, 39.4%, 0.0%, 20.4%

OKLCH

0.5891 0.1324 261.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#4F7BCB

#CB9F4F

Analogous

#4FB9CB

#614FCB

#4F7BCB

Triadic

#4F7BCB

#CB4F7B

#7BCB4F

Split Complementary

#4F7BCB

#CB614F

#B9CB4F

Tetradic

#4F7BCB

#CB4FB9

#CB9F4F

#4FCB61

Color Blindness Simulation

Original

#4F7BCB

Protanopia

#6262B8

Deuteranopia

#605CB3

Tritanopia

#51A8A5

Achromatopsia

#777777

CSS Usage

background-color: #4F7BCB;
color: #4F7BCB;
border-color: #4F7BCB;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EF
300
#A1B8E3
400
#6D92D4
500
#3A6BC5
600
#2F569D
700
#25457E
800
#1D3662
900
#192A48
950
#101A2E

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.03:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026