#34686F

#34686F

Color Values

HEX

#34686F

RGB

52, 104, 111

HSL

187.1, 36.2%, 32.0%

HSV

187.1, 53.2%, 43.5%

CMYK

53.2%, 6.3%, 0.0%, 56.5%

OKLCH

0.4843 0.0566 206.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#34686F

#6F3B34

Analogous

#346F59

#344B6F

#34686F

Triadic

#34686F

#6F3468

#686F34

Split Complementary

#34686F

#6F344B

#6F5934

Tetradic

#34686F

#59346F

#6F3B34

#4B6F34

Color Blindness Simulation

Original

#34686F

Protanopia

#4B4B6D

Deuteranopia

#48446D

Tritanopia

#376C6C

Achromatopsia

#5D5D5D

CSS Usage

background-color: #34686F;
color: #34686F;
border-color: #34686F;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CEE5E8
300
#ACD3D8
400
#7EBBC3
500
#51A3AE
600
#41828B
700
#34686F
800
#295157
900
#213C40
950
#152629

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

3.36:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026