#235DA6

#235DA6

Color Values

HEX

#235DA6

RGB

35, 93, 166

HSL

213.4, 65.2%, 39.4%

HSV

213.4, 78.9%, 65.1%

CMYK

78.9%, 44.0%, 0.0%, 34.9%

OKLCH

0.4804 0.1318 256.0

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#235DA6

#A66C23

Analogous

#239FA6

#2A23A6

#235DA6

Triadic

#235DA6

#A6235D

#5DA623

Split Complementary

#235DA6

#A62A23

#9FA623

Tetradic

#235DA6

#A6239F

#A66C23

#23A62A

Color Blindness Simulation

Original

#235DA6

Protanopia

#3C3D94

Deuteranopia

#393490

Tritanopia

#268683

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D9F3
300
#9ABDEA
400
#639ADE
500
#2C76D3
600
#235EA9
700
#1C4C87
800
#163B69
900
#142D4D
950
#0D1D31

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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