#2256B1

#2256B1

Color Values

HEX

#2256B1

RGB

34, 86, 177

HSL

218.2, 67.8%, 41.4%

HSV

218.2, 80.8%, 69.4%

CMYK

80.8%, 51.4%, 0.0%, 30.6%

OKLCH

0.4724 0.1555 260.7

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#2256B1

#B17D22

Analogous

#229EB1

#3622B1

#2256B1

Triadic

#2256B1

#B12256

#56B122

Split Complementary

#2256B1

#B13622

#9EB122

Tetradic

#2256B1

#B1229E

#B17D22

#22B136

Color Blindness Simulation

Original

#2256B1

Protanopia

#39399B

Deuteranopia

#363296

Tritanopia

#258A86

Achromatopsia

#525252

CSS Usage

background-color: #2256B1;
color: #2256B1;
border-color: #2256B1;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E3EAF7
200
#C3D5F4
300
#98B6EB
400
#618FE1
500
#2968D6
600
#2153AB
700
#1A4289
800
#15346B
900
#13284E
950
#0C1931

Contrast Checker

Text on white

6.92:1

AA Pass AAA Fail

Text on black

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