#235173

#235173

Color Values

HEX

#235173

RGB

35, 81, 115

HSL

205.5, 53.3%, 29.4%

HSV

205.5, 69.6%, 45.1%

CMYK

69.6%, 29.6%, 0.0%, 54.9%

OKLCH

0.4193 0.0759 243.4

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#235173

#734523

Analogous

#23736D

#232973

#235173

Triadic

#235173

#732351

#517323

Split Complementary

#235173

#732329

#736D23

Tetradic

#235173

#6D2373

#734523

#297323

Color Blindness Simulation

Original

#235173

Protanopia

#37376B

Deuteranopia

#343169

Tritanopia

#256463

Achromatopsia

#4A4A4A

CSS Usage

background-color: #235173;
color: #235173;
border-color: #235173;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C8DEEE
300
#A1C7E2
400
#6EA8D3
500
#3C8AC3
600
#306E9C
700
#26587D
800
#1E4562
900
#193448
950
#10212D

Contrast Checker

Text on white

8.41:1

AA Pass AAA Pass

Text on black

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