#2B3080

#2B3080

Color Values

HEX

#2B3080

RGB

43, 48, 128

HSL

236.5, 49.7%, 33.5%

HSV

236.5, 66.4%, 50.2%

CMYK

66.4%, 62.5%, 0.0%, 49.8%

OKLCH

0.3572 0.1328 274.7

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#2B3080

#807B2B

Analogous

#2B5A80

#502B80

#2B3080

Triadic

#2B3080

#802B30

#30802B

Split Complementary

#2B3080

#80502B

#5A802B

Tetradic

#2B3080

#802B5A

#807B2B

#2B8050

Color Blindness Simulation

Original

#2B3080

Protanopia

#2D2D6D

Deuteranopia

#2D2C68

Tritanopia

#2B5D5A

Achromatopsia

#353535

CSS Usage

background-color: #2B3080;
color: #2B3080;
border-color: #2B3080;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CACCED
300
#A3A7E0
400
#7277D0
500
#4048BF
600
#333999
700
#292E7A
800
#20245F
900
#1B1D46
950
#11132C

Contrast Checker

Text on white

11.43:1

AA Pass AAA Pass

Text on black

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