Recognised as Colour

#2C22EA

#2C22EA
Blue
Dark
Nearest: Medium blue

#2C22EA is a blue with RGB values 44, 34, 234 and HSL 243°, 83%, 53%. It is a dark colour, so white text on it reaches 8.3:1 contrast (AAA for normal text). The nearest named colour is Medium blue.

Colour values

#2C22EA#2C22EA

HEX#2C22EA

RGBrgb(44, 34, 234)

RGB (0–1)0.1725, 0.1333, 0.9176

RGB percentages17.3%, 13.3%, 91.8%

HSLhsl(243, 82.6%, 52.5%)

HSV / HSBhsv(243, 85.5%, 91.8%)

CMYK81.2%, 85.5%, 0%, 8.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,892,522

CSS custom property--colour: #2C22EA;

Brightness & contrast

Relative luminance0.0762WCAG 2.x, 0 is black and 1 is white

Perceived brightness86.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.32:1

Contrast with white8.32:1WCAG normal text: AAA

Contrast with black2.52:1WCAG normal text: Fail

Greyscale equivalent#333333

Inverted#D3DD15

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0058EFno red cones; affects about 1% of men; ΔE 33.2 from the original

Deuteranopia#0043E7no green cones; the most common form, about 1% of men; ΔE 21 from the original

Tritanopia#00678Cno blue cones; rare, and affects men and women equally; ΔE 103 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text8.32:1WCAG large text: AAA

Contrast with black, large text2.52:1WCAG large text: Fail

Named colours

Medium blue · ΔE 8.7 Blue · ΔE 18.3 Blue violet · ΔE 21.9 Dark violet · ΔE 26.7 Dark blue · ΔE 35.7 Dark orchid · ΔE 35.9

Nearest named CSS colourMedium blue (#0000CD)ΔE 8.75, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#E0EA22

Analogous#227CEA, #9022EA

Triadic#EA2C22, #22EA2C

Split complementary#EA9022, #7CEA22

Tetradic#EA227C, #E0EA22, #22EA90

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#DEDCFC

Lighter +30%#B1AEF7

Lighter +20%#857FF3

Lighter +10%#5851EE

Darker −10%#1C13C6

Darker −20%#150E98

Darker −30%#0F0A69

Darker −40%#08063A

More saturated +25%#190DFF

Less saturated −25%#4740CC

Channel breakdown

R44

G34

B234

Red44 (17.3%)

Green34 (13.3%)

Blue234 (91.8%)

Hue243°

Saturation (HSL)82.64%

Lightness52.55%

Dominant channelBlue

Hex per channelR 2C · G 22 · B EA

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#2C22EA

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else