#235255

#235255

Color Values

HEX

#235255

RGB

35, 82, 85

HSL

183.6, 41.7%, 23.5%

HSV

183.6, 58.8%, 33.3%

CMYK

58.8%, 3.5%, 0.0%, 66.7%

OKLCH

0.4074 0.0511 201.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#235255

#552623

Analogous

#23553F

#233955

#235255

Triadic

#235255

#552352

#525523

Split Complementary

#235255

#552339

#553F23

Tetradic

#235255

#3F2355

#552623

#395523

Color Blindness Simulation

Original

#235255

Protanopia

#373854

Deuteranopia

#353154

Tritanopia

#255454

Achromatopsia

#484848

CSS Usage

background-color: #235255;
color: #235255;
border-color: #235255;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CCE8EA
300
#A8D8DB
400
#79C3C8
500
#4AAEB5
600
#3B8B91
700
#307074
800
#25575A
900
#1E4043
950
#13292A

Contrast Checker

Text on white

8.72:1

AA Pass AAA Pass

Text on black

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