#2B33C8

#2B33C8

Color Values

HEX

#2B33C8

RGB

43, 51, 200

HSL

236.9, 64.6%, 47.6%

HSV

236.9, 78.5%, 78.4%

CMYK

78.5%, 74.5%, 0.0%, 21.6%

OKLCH

0.4335 0.223 270.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#2B33C8

#C8C02B

Analogous

#2B81C8

#712BC8

#2B33C8

Triadic

#2B33C8

#C82B33

#33C82B

Split Complementary

#2B33C8

#C8712B

#81C82B

Tetradic

#2B33C8

#C82B81

#C8C02B

#2BC871

Color Blindness Simulation

Original

#2B33C8

Protanopia

#2E2FA4

Deuteranopia

#2E2D9B

Tritanopia

#2B8781

Achromatopsia

#3C3C3C

CSS Usage

background-color: #2B33C8;
color: #2B33C8;
border-color: #2B33C8;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F4FC
100
#E3E4F7
200
#C4C7F2
300
#9A9EE9
400
#646ADE
500
#2D36D2
600
#242BA8
700
#1D2286
800
#171B69
900
#14174D
950
#0D0F30

Contrast Checker

Text on white

8.71:1

AA Pass AAA Pass

Text on black

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