#1C2EB0

#1C2EB0

Color Values

HEX

#1C2EB0

RGB

28, 46, 176

HSL

232,7, 72,5%, 40,0%

HSV

232,7, 84,1%, 69,0%

CMYK

84,1%, 73,9%, 0,0%, 31,0%

OKLCH

0,3938 0,2026 267,8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1C2EB0

#B09E1C

Analogous

#1C78B0

#541CB0

#1C2EB0

Triadic

#1C2EB0

#B01C2E

#2EB01C

Split Complementary

#1C2EB0

#B0541C

#78B01C

Tetradic

#1C2EB0

#B01C78

#B09E1C

#1CB054

Color Blindness Simulation

Original

#1C2EB0

Protanopia

#242491

Deuteranopia

#232189

Tritanopia

#1D7872

Achromatopsia

#343434

CSS Usage

background-color: #1C2EB0;
color: #1C2EB0;
border-color: #1C2EB0;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F3F4FC
100
#E2E5F8
200
#C1C8F5
300
#95A0EE
400
#5C6DE5
500
#233ADC
600
#1C2EB0
700
#16258D
800
#121D6E
900
#111950
950
#0B0F33

Contrast Checker

Text on white

10,16:1

AA Pass AAA Pass

Text on black

2,07: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