#346263

#346263

Color Values

HEX

#346263

RGB

52, 98, 99

HSL

181.3, 31.1%, 29.6%

HSV

181.3, 47.5%, 38.8%

CMYK

47.5%, 1.0%, 0.0%, 61.2%

OKLCH

0.4639 0.0506 197.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#346263

#633534

Analogous

#34634C

#344A63

#346263

Triadic

#346263

#633462

#626334

Split Complementary

#346263

#63344A

#634C34

Tetradic

#346263

#4C3463

#633534

#4A6334

Color Blindness Simulation

Original

#346263

Protanopia

#484863

Deuteranopia

#454263

Tritanopia

#366363

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E6E6
300
#AFD4D5
400
#83BDBE
500
#58A5A7
600
#468486
700
#386A6B
800
#2C5354
900
#233D3E
950
#162727

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

3.07:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026