#2633EC

#2633EC

Color Values

HEX

#2633EC

RGB

38, 51, 236

HSL

236.1, 83.9%, 53.7%

HSV

236.1, 83.9%, 92.5%

CMYK

83.9%, 78.4%, 0.0%, 7.5%

OKLCH

0.4708 0.2653 268.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2633EC

#ECDF26

Analogous

#2696EC

#7C26EC

#2633EC

Triadic

#2633EC

#EC2633

#33EC26

Split Complementary

#2633EC

#EC7C26

#96EC26

Tetradic

#2633EC

#EC2696

#ECDF26

#26EC7C

Color Blindness Simulation

Original

#2633EC

Protanopia

#2C2CBF

Deuteranopia

#2B2AB4

Tritanopia

#279C94

Achromatopsia

#3E3E3E

CSS Usage

background-color: #2633EC;
color: #2633EC;
border-color: #2633EC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BDC1F9
300
#8E95F5
400
#515CF0
500
#1522EA
600
#101CBC
700
#0D1696
800
#0A1175
900
#0C1155
950
#070A36

Contrast Checker

Text on white

7.59:1

AA Pass AAA Pass

Text on black

2.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026