#349BCB

#349BCB

Color Values

HEX

#349BCB

RGB

52, 155, 203

HSL

199.1, 59.2%, 50.0%

HSV

199.1, 74.4%, 79.6%

CMYK

74.4%, 23.6%, 0.0%, 20.4%

OKLCH

0.652 0.1163 233.1

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#349BCB

#CB6434

Analogous

#34CBB0

#344FCB

#349BCB

Triadic

#349BCB

#CB349B

#9BCB34

Split Complementary

#349BCB

#CB344F

#CBB034

Tetradic

#349BCB

#B034CB

#CB6434

#4FCB34

Color Blindness Simulation

Original

#349BCB

Protanopia

#6161BF

Deuteranopia

#5B53BD

Tritanopia

#39B6B4

Achromatopsia

#898989

CSS Usage

background-color: #349BCB;
color: #349BCB;
border-color: #349BCB;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FB
100
#E4F0F6
200
#C6E3F0
300
#9ECFE6
400
#69B5D9
500
#349BCB
600
#2A7CA2
700
#216382
800
#1A4D65
900
#173A4A
950
#0E252F

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.7:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026