#235966

#235966

Color Values

HEX

#235966

RGB

35, 89, 102

HSL

191.6, 48.9%, 26.9%

HSV

191.6, 65.7%, 40.0%

CMYK

65.7%, 12.7%, 0.0%, 60.0%

OKLCH

0.4337 0.0601 216.2

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#235966

#663023

Analogous

#236652

#233866

#235966

Triadic

#235966

#662359

#596623

Split Complementary

#235966

#662338

#665223

Tetradic

#235966

#522366

#663023

#386623

Color Blindness Simulation

Original

#235966

Protanopia

#3A3B63

Deuteranopia

#373362

Tritanopia

#266060

Achromatopsia

#4E4E4E

CSS Usage

background-color: #235966;
color: #235966;
border-color: #235966;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4F9FB
100
#E6F2F5
200
#CAE6ED
300
#A4D4E0
400
#73BDCF
500
#41A6BE
600
#348598
700
#2A6A7A
800
#21535F
900
#1B3E46
950
#11272C

Contrast Checker

Text on white

7.8:1

AA Pass AAA Pass

Text on black

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