#335FAF

#335FAF

Color Values

HEX

#335FAF

RGB

51, 95, 175

HSL

218.7, 54.9%, 44.3%

HSV

218.7, 70.9%, 68.6%

CMYK

70.9%, 45.7%, 0.0%, 31.4%

OKLCH

0.497 0.1367 261.2

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#335FAF

#AF8333

Analogous

#339DAF

#4533AF

#335FAF

Triadic

#335FAF

#AF335F

#5FAF33

Split Complementary

#335FAF

#AF4533

#9DAF33

Tetradic

#335FAF

#AF339D

#AF8333

#33AF45

Color Blindness Simulation

Original

#335FAF

Protanopia

#46469C

Deuteranopia

#444097

Tritanopia

#358C89

Achromatopsia

#5B5B5B

CSS Usage

background-color: #335FAF;
color: #335FAF;
border-color: #335FAF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EF
300
#A0B8E3
400
#6D92D4
500
#3A6BC5
600
#2E569E
700
#25457E
800
#1D3663
900
#192A48
950
#0F1A2E

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail AAA Fail

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