#2139AB

#2139AB

Color Values

HEX

#2139AB

RGB

33, 57, 171

HSL

229.6, 67.6%, 40.0%

HSV

229.6, 80.7%, 67.1%

CMYK

80.7%, 66.7%, 0.0%, 32.9%

OKLCH

0.4089 0.1831 267.6

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#2139AB

#AB9321

Analogous

#217EAB

#4E21AB

#2139AB

Triadic

#2139AB

#AB2139

#39AB21

Split Complementary

#2139AB

#AB4E21

#7EAB21

Tetradic

#2139AB

#AB217E

#AB9321

#21AB4E

Color Blindness Simulation

Original

#2139AB

Protanopia

#2B2C8F

Deuteranopia

#2A2889

Tritanopia

#227A75

Achromatopsia

#3C3C3C

CSS Usage

background-color: #2139AB;
color: #2139AB;
border-color: #2139AB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F3F4FC
100
#E3E6F7
200
#C3CCF3
300
#98A7EB
400
#6177E0
500
#2947D6
600
#2139AB
700
#1A2E89
800
#15246B
900
#131D4E
950
#0C1231

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026