#263ED9

#263ED9

Color Values

HEX

#263ED9

RGB

38, 62, 217

HSL

232.0, 70.2%, 50.0%

HSV

232.0, 82.5%, 85.1%

CMYK

82.5%, 71.4%, 0.0%, 14.9%

OKLCH

0.4653 0.2337 267.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#263ED9

#D9C126

Analogous

#2697D9

#6826D9

#263ED9

Triadic

#263ED9

#D9263E

#3ED926

Split Complementary

#263ED9

#D96826

#97D926

Tetradic

#263ED9

#D92697

#D9C126

#26D968

Color Blindness Simulation

Original

#263ED9

Protanopia

#3031B4

Deuteranopia

#2F2DAA

Tritanopia

#27968F

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E2E5F8
200
#C2C9F4
300
#97A2ED
400
#5E70E3
500
#263ED9
600
#1E31AE
700
#18288B
800
#131F6D
900
#121A4F
950
#0B1032

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

2.77:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026