#334CCC

#334CCC

Color Values

HEX

#334CCC

RGB

51, 76, 204

HSL

230,2, 60,0%, 50,0%

HSV

230,2, 75,0%, 80,0%

CMYK

75,0%, 62,7%, 0,0%, 20,0%

OKLCH

0,4816 0,1991 268,9

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#334CCC

#CCB333

Analogous

#3398CC

#6733CC

#334CCC

Triadic

#334CCC

#CC334C

#4CCC33

Split Complementary

#334CCC

#CC6733

#98CC33

Tetradic

#334CCC

#CC3398

#CCB333

#33CC67

Color Blindness Simulation

Original

#334CCC

Protanopia

#3E3EAD

Deuteranopia

#3C3AA6

Tritanopia

#34958F

Achromatopsia

#505050

CSS Usage

background-color: #334CCC;
color: #334CCC;
border-color: #334CCC;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F5FB
100
#E4E7F6
200
#C6CDF1
300
#9DA9E7
400
#687BD9
500
#334CCC
600
#293DA3
700
#213183
800
#1A2666
900
#161F4B
950
#0E132F

Contrast Checker

Text on white

6,89:1

AA Pass AAA Fail

Text on black

3,05:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026