#34A2CB

#34A2CB

Color Values

HEX

#34A2CB

RGB

52, 162, 203

HSL

196.3, 59.2%, 50.0%

HSV

196.3, 74.4%, 79.6%

CMYK

74.4%, 20.2%, 0.0%, 20.4%

OKLCH

0.6687 0.1134 227.5

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#34A2CB

#CB5D34

Analogous

#34CBA9

#3456CB

#34A2CB

Triadic

#34A2CB

#CB34A2

#A2CB34

Split Complementary

#34A2CB

#CB3456

#CBA934

Tetradic

#34A2CB

#A934CB

#CB5D34

#56CB34

Color Blindness Simulation

Original

#34A2CB

Protanopia

#6465C1

Deuteranopia

#5D55BF

Tritanopia

#3AB9B8

Achromatopsia

#8E8E8E

CSS Usage

background-color: #34A2CB;
color: #34A2CB;
border-color: #34A2CB;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FB
100
#E4F1F6
200
#C6E5F0
300
#9ED2E6
400
#69BAD9
500
#34A2CB
600
#2A82A2
700
#216882
800
#1A5165
900
#173C4A
950
#0E262F

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.18:1

AA Pass AAA Pass

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