#262ED9

#262ED9

Color Values

HEX

#262ED9

RGB

38, 46, 217

HSL

237.3, 70.2%, 50.0%

HSV

237.3, 82.5%, 85.1%

CMYK

82.5%, 78.8%, 0.0%, 14.9%

OKLCH

0.4434 0.2482 268.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#262ED9

#D9D126

Analogous

#2688D9

#7726D9

#262ED9

Triadic

#262ED9

#D9262E

#2ED926

Split Complementary

#262ED9

#D97726

#88D926

Tetradic

#262ED9

#D92688

#D9D126

#26D977

Color Blindness Simulation

Original

#262ED9

Protanopia

#292AB0

Deuteranopia

#2928A6

Tritanopia

#268F88

Achromatopsia

#393939

CSS Usage

background-color: #262ED9;
color: #262ED9;
border-color: #262ED9;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C2C4F4
300
#979BED
400
#5E64E3
500
#262ED9
600
#1E25AE
700
#181D8B
800
#13176D
900
#12154F
950
#0B0D32

Contrast Checker

Text on white

8.48:1

AA Pass AAA Pass

Text on black

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