#27336C

#27336C

Color Values

HEX

#27336C

RGB

39, 51, 108

HSL

229.6, 46.9%, 28.8%

HSV

229.6, 63.9%, 42.4%

CMYK

63.9%, 52.8%, 0.0%, 57.6%

OKLCH

0.344 0.0998 271.3

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#27336C

#6C6027

Analogous

#27556C

#3D276C

#27336C

Triadic

#27336C

#6C2733

#336C27

Split Complementary

#27336C

#6C3D27

#556C27

Tetradic

#27336C

#6C2755

#6C6027

#276C3D

Color Blindness Simulation

Original

#27336C

Protanopia

#2C2C5E

Deuteranopia

#2C2B5B

Tritanopia

#285351

Achromatopsia

#353535

CSS Usage

background-color: #27336C;
color: #27336C;
border-color: #27336C;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F5FA
100
#E6E9F4
200
#CBD0EC
300
#A5AFDF
400
#7484CD
500
#4458BB
600
#364796
700
#2B3978
800
#222C5E
900
#1C2345
950
#12162C

Contrast Checker

Text on white

11.82:1

AA Pass AAA Pass

Text on black

1.78:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026