#273556

#273556

Color Values

HEX

#273556

RGB

39, 53, 86

HSL

222.1, 37.6%, 24.5%

HSV

222.1, 54.7%, 33.7%

CMYK

54.7%, 38.4%, 0.0%, 66.3%

OKLCH

0.3333 0.0615 265.7

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#273556

#564827

Analogous

#274C56

#302756

#273556

Triadic

#273556

#562735

#355627

Split Complementary

#273556

#563027

#4C5627

Tetradic

#273556

#56274C

#564827

#275630

Color Blindness Simulation

Original

#273556

Protanopia

#2D2D4E

Deuteranopia

#2C2B4C

Tritanopia

#284846

Achromatopsia

#343434

CSS Usage

background-color: #273556;
color: #273556;
border-color: #273556;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CED6E9
300
#ABB9D9
400
#7D92C4
500
#506CAF
600
#40578C
700
#334570
800
#283658
900
#202A41
950
#141A29

Contrast Checker

Text on white

12.14:1

AA Pass AAA Pass

Text on black

1.73: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