#2396DC

#2396DC

Color Values

HEX

#2396DC

RGB

35, 150, 220

HSL

202.7, 72.5%, 50.0%

HSV

202.7, 84.1%, 86.3%

CMYK

84.1%, 31.8%, 0.0%, 13.7%

OKLCH

0.6454 0.1421 242.0

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#2396DC

#DC6923

Analogous

#23DCC5

#233ADC

#2396DC

Triadic

#2396DC

#DC2396

#96DC23

Split Complementary

#2396DC

#DC233A

#DCC523

Tetradic

#2396DC

#C523DC

#DC6923

#3ADC23

Color Blindness Simulation

Original

#2396DC

Protanopia

#5556CB

Deuteranopia

#4E46C7

Tritanopia

#29BEBB

Achromatopsia

#838383

CSS Usage

background-color: #2396DC;
color: #2396DC;
border-color: #2396DC;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F8FC
100
#E2F0F8
200
#C1E2F5
300
#95CDEE
400
#5CB1E5
500
#2396DC
600
#1C78B0
700
#16608D
800
#124B6E
900
#113850
950
#0B2333

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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