#247BCB

#247BCB

Color Values

HEX

#247BCB

RGB

36, 123, 203

HSL

208.7, 69.9%, 46.9%

HSV

208.7, 82.3%, 79.6%

CMYK

82.3%, 39.4%, 0.0%, 20.4%

OKLCH

0.5735 0.1468 250.8

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#247BCB

#CB7424

Analogous

#24CBC8

#2428CB

#247BCB

Triadic

#247BCB

#CB247B

#7BCB24

Split Complementary

#247BCB

#CB2428

#CBC824

Tetradic

#247BCB

#C824CB

#CB7424

#28CB24

Color Blindness Simulation

Original

#247BCB

Protanopia

#4A4AB8

Deuteranopia

#453EB3

Tritanopia

#28A8A5

Achromatopsia

#6E6E6E

CSS Usage

background-color: #247BCB;
color: #247BCB;
border-color: #247BCB;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C2DCF4
300
#97C4ED
400
#5FA4E3
500
#2683D9
600
#1F69AD
700
#19548B
800
#13426C
900
#12324F
950
#0B1F32

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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