#246495

#246495

Color Values

HEX

#246495

RGB

36, 100, 149

HSL

206.0, 61.1%, 36.3%

HSV

206.0, 75.8%, 58.4%

CMYK

75.8%, 32.9%, 0.0%, 41.6%

OKLCH

0.4866 0.1017 245.4

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#246495

#955524

Analogous

#24958E

#242C95

#246495

Triadic

#246495

#952464

#649524

Split Complementary

#246495

#95242C

#958E24

Tetradic

#246495

#8E2495

#955524

#2C9524

Color Blindness Simulation

Original

#246495

Protanopia

#404089

Deuteranopia

#3C3786

Tritanopia

#27807E

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EEF6
200
#C5DEF1
300
#9CC7E7
400
#67A8DA
500
#328ACD
600
#286EA4
700
#205883
800
#194567
900
#16344B
950
#0E212F

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

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