#246EAD

#246EAD

Color Values

HEX

#246EAD

RGB

36, 110, 173

HSL

207.6, 65.6%, 41.0%

HSV

207.6, 79.2%, 67.8%

CMYK

79.2%, 36.4%, 0.0%, 32.2%

OKLCH

0.5249 0.1223 248.5

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#246EAD

#AD6324

Analogous

#24ADA8

#2429AD

#246EAD

Triadic

#246EAD

#AD246E

#6EAD24

Split Complementary

#246EAD

#AD2429

#ADA824

Tetradic

#246EAD

#A824AD

#AD6324

#29AD24

Color Blindness Simulation

Original

#246EAD

Protanopia

#44459E

Deuteranopia

#403A9A

Tritanopia

#28928F

Achromatopsia

#636363

CSS Usage

background-color: #246EAD;
color: #246EAD;
border-color: #246EAD;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DDF3
300
#9AC5EA
400
#63A6DF
500
#2C86D3
600
#236BA9
700
#1C5687
800
#16436A
900
#14334D
950
#0D2031

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail 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