#334BCC

#334BCC

Color Values

HEX

#334BCC

RGB

51, 75, 204

HSL

230.6, 60.0%, 50.0%

HSV

230.6, 75.0%, 80.0%

CMYK

75.0%, 63.2%, 0.0%, 20.0%

OKLCH

0.4798 0.2003 269.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#334BCC

#CCB433

Analogous

#3397CC

#6833CC

#334BCC

Triadic

#334BCC

#CC334B

#4BCC33

Split Complementary

#334BCC

#CC6833

#97CC33

Tetradic

#334BCC

#CC3397

#CCB433

#33CC68

Color Blindness Simulation

Original

#334BCC

Protanopia

#3D3EAD

Deuteranopia

#3C3AA5

Tritanopia

#34948F

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E7F6
200
#C6CDF1
300
#9DA9E7
400
#687AD9
500
#334BCC
600
#293CA3
700
#213083
800
#1A2566
900
#161E4B
950
#0E132F

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

3.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026