#2369BA

#2369BA

Color Values

HEX

#2369BA

RGB

35, 105, 186

HSL

212.2, 68.3%, 43.3%

HSV

212.2, 81.2%, 72.9%

CMYK

81.2%, 43.5%, 0.0%, 27.1%

OKLCH

0.5213 0.1448 254.9

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#2369BA

#BA7423

Analogous

#23B4BA

#2923BA

#2369BA

Triadic

#2369BA

#BA2369

#69BA23

Split Complementary

#2369BA

#BA2923

#B4BA23

Tetradic

#2369BA

#BA23B4

#BA7423

#23BA29

Color Blindness Simulation

Original

#2369BA

Protanopia

#4142A6

Deuteranopia

#3D38A2

Tritanopia

#269794

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3DAF4
300
#98BFEC
400
#609CE1
500
#2879D7
600
#2061AC
700
#1A4E89
800
#143D6B
900
#132E4E
950
#0C1D31

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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