#334270

#334270

Color Values

HEX

#334270

RGB

51, 66, 112

HSL

225.2, 37.4%, 32.0%

HSV

225.2, 54.5%, 43.9%

CMYK

54.5%, 41.1%, 0.0%, 56.1%

OKLCH

0.3894 0.0807 268.8

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#334270

#706133

Analogous

#336170

#433370

#334270

Triadic

#334270

#703342

#427033

Split Complementary

#334270

#704333

#617033

Tetradic

#334270

#703361

#706133

#337043

Color Blindness Simulation

Original

#334270

Protanopia

#393A65

Deuteranopia

#393862

Tritanopia

#345C5A

Achromatopsia

#424242

CSS Usage

background-color: #334270;
color: #334270;
border-color: #334270;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CED5E9
300
#ABB6D9
400
#7D8FC4
500
#5067AF
600
#40538C
700
#334270
800
#283458
900
#202841
950
#141929

Contrast Checker

Text on white

9.75:1

AA Pass AAA Pass

Text on black

2.15:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026