#263AD9

#263AD9

Color Values

HEX

#263AD9

RGB

38, 58, 217

HSL

233,3, 70,2%, 50,0%

HSV

233,3, 82,5%, 85,1%

CMYK

82,5%, 73,3%, 0,0%, 14,9%

OKLCH

0,4594 0,2376 268,0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#263AD9

#D9C526

Analogous

#2693D9

#6C26D9

#263AD9

Triadic

#263AD9

#D9263A

#3AD926

Split Complementary

#263AD9

#D96C26

#93D926

Tetradic

#263AD9

#D92693

#D9C526

#26D96C

Color Blindness Simulation

Original

#263AD9

Protanopia

#2F2FB3

Deuteranopia

#2E2CA9

Tritanopia

#27948D

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E2E5F8
200
#C2C8F4
300
#97A0ED
400
#5E6DE3
500
#263AD9
600
#1E2EAE
700
#18258B
800
#131D6D
900
#12194F
950
#0B1032

Contrast Checker

Text on white

7,81:1

AA Pass AAA Pass

Text on black

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