#35626D

#35626D

Color Values

HEX

#35626D

RGB

53, 98, 109

HSL

191.8, 34.6%, 31.8%

HSV

191.8, 51.4%, 42.7%

CMYK

51.4%, 10.1%, 0.0%, 57.3%

OKLCH

0.4684 0.0526 215.4

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#35626D

#6D4035

Analogous

#356D5C

#35466D

#35626D

Triadic

#35626D

#6D3562

#626D35

Split Complementary

#35626D

#6D3546

#6D5C35

Tetradic

#35626D

#5C356D

#6D4035

#466D35

Color Blindness Simulation

Original

#35626D

Protanopia

#48496A

Deuteranopia

#46426A

Tritanopia

#376868

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE3E8
300
#ADCFD7
400
#80B4C1
500
#539AAC
600
#437B89
700
#35636E
800
#2A4D56
900
#213A40
950
#152428

Contrast Checker

Text on white

6.73:1

AA Pass AAA Fail

Text on black

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