#2366DC

#2366DC

Color Values

HEX

#2366DC

RGB

35, 102, 220

HSL

218.3, 72.5%, 50.0%

HSV

218.3, 84.1%, 86.3%

CMYK

84.1%, 53.6%, 0.0%, 13.7%

OKLCH

0.5395 0.1929 260.9

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#2366DC

#DC9923

Analogous

#23C2DC

#3D23DC

#2366DC

Triadic

#2366DC

#DC2366

#66DC23

Split Complementary

#2366DC

#DC3D23

#C2DC23

Tetradic

#2366DC

#DC23C2

#DC9923

#23DC3D

Color Blindness Simulation

Original

#2366DC

Protanopia

#4041BF

Deuteranopia

#3C37B9

Tritanopia

#26A9A4

Achromatopsia

#606060

CSS Usage

background-color: #2366DC;
color: #2366DC;
border-color: #2366DC;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C1D4F5
300
#95B6EE
400
#5C8EE5
500
#2366DC
600
#1C52B0
700
#16418D
800
#12336E
900
#112850
950
#0B1933

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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