#356663

#356663

Color Values

HEX

#356663

RGB

53, 102, 99

HSL

176.3, 31.6%, 30.4%

HSV

176.3, 48.0%, 40.0%

CMYK

48.0%, 0.0%, 2.9%, 60.0%

OKLCH

0.475 0.0536 190.4

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#356663

#663538

Analogous

#35664A

#355166

#356663

Triadic

#356663

#633566

#666335

Split Complementary

#356663

#663551

#664A35

Tetradic

#356663

#4A3566

#663538

#516635

Color Blindness Simulation

Original

#356663

Protanopia

#4A4B64

Deuteranopia

#474464

Tritanopia

#376464

Achromatopsia

#5B5B5B

CSS Usage

background-color: #356663;
color: #356663;
border-color: #356663;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E7E5
300
#AED5D3
400
#83BEBB
500
#57A8A3
600
#468682
700
#386B68
800
#2C5451
900
#233E3D
950
#162726

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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