#246595

#246595

Color Values

HEX

#246595

RGB

36, 101, 149

HSL

205.5, 61.1%, 36.3%

HSV

205.5, 75.8%, 58.4%

CMYK

75.8%, 32.2%, 0.0%, 41.6%

OKLCH

0.4891 0.1008 244.6

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#246595

#955424

Analogous

#24958D

#242C95

#246595

Triadic

#246595

#952465

#659524

Split Complementary

#246595

#95242C

#958D24

Tetradic

#246595

#8D2495

#955424

#2C9524

Color Blindness Simulation

Original

#246595

Protanopia

#404189

Deuteranopia

#3C3887

Tritanopia

#27807E

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EFF6
200
#C5DFF1
300
#9CC7E7
400
#67A9DA
500
#328BCD
600
#286FA4
700
#205983
800
#194667
900
#16344B
950
#0E212F

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

3.37:1

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