#232783

#232783

Color Values

HEX

#232783

RGB

35, 39, 131

HSL

237.5, 57.8%, 32.5%

HSV

237.5, 73.3%, 51.4%

CMYK

73.3%, 70.2%, 0.0%, 48.6%

OKLCH

0.3382 0.1505 273.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#232783

#837F23

Analogous

#235783

#4F2383

#232783

Triadic

#232783

#832327

#278323

Split Complementary

#232783

#834F23

#578323

Tetradic

#232783

#832357

#837F23

#23834F

Color Blindness Simulation

Original

#232783

Protanopia

#25256D

Deuteranopia

#242467

Tritanopia

#235B57

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C7C8F0
300
#9EA1E5
400
#6A6FD7
500
#363CC9
600
#2B30A1
700
#222681
800
#1B1E65
900
#17194A
950
#0F102F

Contrast Checker

Text on white

12.43:1

AA Pass AAA Pass

Text on black

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