#236FB2

#236FB2

Color Values

HEX

#236FB2

RGB

35, 111, 178

HSL

208.1, 67.1%, 41.8%

HSV

208.1, 80.3%, 69.8%

CMYK

80.3%, 37.6%, 0.0%, 30.2%

OKLCH

0.53 0.1279 249.5

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#236FB2

#B26623

Analogous

#23B2AE

#2328B2

#236FB2

Triadic

#236FB2

#B2236F

#6FB223

Split Complementary

#236FB2

#B22328

#B2AE23

Tetradic

#236FB2

#AE23B2

#B26623

#28B223

Color Blindness Simulation

Original

#236FB2

Protanopia

#4445A2

Deuteranopia

#403A9E

Tritanopia

#279592

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C3DDF3
300
#99C4EB
400
#61A5E0
500
#2A85D5
600
#226AAA
700
#1B5588
800
#15426B
900
#13324E
950
#0C2031

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026