#235657

#235657

Color Values

HEX

#235657

RGB

35, 86, 87

HSL

181.2, 42.6%, 23.9%

HSV

181.2, 59.8%, 34.1%

CMYK

59.8%, 1.1%, 0.0%, 65.9%

OKLCH

0.4192 0.0542 197.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#235657

#572423

Analogous

#23573E

#233C57

#235657

Triadic

#235657

#572356

#565723

Split Complementary

#235657

#57233C

#573E23

Tetradic

#235657

#3E2357

#572423

#3C5723

Color Blindness Simulation

Original

#235657

Protanopia

#393A57

Deuteranopia

#363257

Tritanopia

#265757

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F4
200
#CCEAEB
300
#A8DBDC
400
#78C7C9
500
#49B4B6
600
#3B9091
700
#2F7374
800
#255A5B
900
#1E4243
950
#132A2A

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

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