#247ADB

#247ADB

Color Values

HEX

#247ADB

RGB

36, 122, 219

HSL

211.8, 71.8%, 50.0%

HSV

211.8, 83.6%, 85.9%

CMYK

83.6%, 44.3%, 0.0%, 14.1%

OKLCH

0.5815 0.1682 254.8

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#247ADB

#DB8524

Analogous

#24D6DB

#2924DB

#247ADB

Triadic

#247ADB

#DB247A

#7ADB24

Split Complementary

#247ADB

#DB2924

#D6DB24

Tetradic

#247ADB

#DB24D6

#DB8524

#24DB29

Color Blindness Simulation

Original

#247ADB

Protanopia

#494AC4

Deuteranopia

#443EBE

Tritanopia

#28B1AD

Achromatopsia

#6F6F6F

CSS Usage

background-color: #247ADB;
color: #247ADB;
border-color: #247ADB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C2DAF5
300
#96BFEE
400
#5D9DE4
500
#247ADB
600
#1D62AF
700
#174E8C
800
#123D6E
900
#112F50
950
#0B1D32

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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