#34B5BD

#34B5BD

Color Values

HEX

#34B5BD

RGB

52, 181, 189

HSL

183.5, 56.8%, 47.3%

HSV

183.5, 72.5%, 74.1%

CMYK

72.5%, 4.2%, 0.0%, 25.9%

OKLCH

0.7089 0.1082 201.2

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#34B5BD

#BD3C34

Analogous

#34BD81

#3471BD

#34B5BD

Triadic

#34B5BD

#BD34B5

#B5BD34

Split Complementary

#34B5BD

#BD3471

#BD8134

Tetradic

#34B5BD

#8134BD

#BD3C34

#71BD34

Color Blindness Simulation

Original

#34B5BD

Protanopia

#6C6DBB

Deuteranopia

#645BBB

Tritanopia

#3ABAB9

Achromatopsia

#9A9A9A

CSS Usage

background-color: #34B5BD;
color: #34B5BD;
border-color: #34B5BD;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FBFB
100
#E5F5F6
200
#C7EDF0
300
#9FE1E5
400
#6BD0D6
500
#37BFC8
600
#2C99A0
700
#237B80
800
#1C6064
900
#184649
950
#0F2C2E

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026