Colour

#2A28FF

#2A28FF
Blue
Dark
Nearest: Blue

#2A28FF is a blue with RGB values 42, 40, 255 and HSL 241°, 100%, 58%. It is a dark colour, so white text on it reaches 7.4:1 contrast (AAA for normal text). The nearest named colour is Blue.

Colour values

#2A28FF#2A28FF

HEX#2A28FF

RGBrgb(42, 40, 255)

RGB (0–1)0.1647, 0.1569, 1

RGB percentages16.5%, 15.7%, 100%

HSLhsl(240.6, 100%, 57.8%)

HSV / HSBhsv(240.6, 84.3%, 100%)

CMYK83.5%, 84.3%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,763,007

CSS custom property--colour: #2A28FF;

Brightness & contrast

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

Perceived brightness94.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.38:1

Contrast with white7.38:1WCAG normal text: AAA

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

Greyscale equivalent#383838

Inverted#D5D700

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0061FFno red cones; affects about 1% of men; ΔE 37.5 from the original

Deuteranopia#004AFCno green cones; the most common form, about 1% of men; ΔE 21.6 from the original

Tritanopia#007199no blue cones; rare, and affects men and women equally; ΔE 109.4 from the original

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

Contrast with white, large text7.38:1WCAG large text: AAA

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

Named colours

Blue · ΔE 12 Medium blue · ΔE 15.2 Blue violet · ΔE 26.8 Dark violet · ΔE 31.3 Dark orchid · ΔE 41.8 Dark blue · ΔE 43.6

Nearest named CSS colourBlue (#0000FF)ΔE 12.03, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FDFF28

Analogous#2892FF, #9628FF

Triadic#FF2A28, #28FF2A

Split complementary#FF9528, #92FF28

Tetradic#FF2891, #FDFF28, #28FF95

Tints, shades & saturation

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

Lighter +40%#F4F4FF

Lighter +30%#C2C1FF

Lighter +20%#8F8EFF

Lighter +10%#5D5BFF

Darker −10%#0200F4

Darker −20%#0200C1

Darker −30%#01008E

Darker −40%#01005B

More saturated +25%#2A28FF

Less saturated −25%#4443E4

Channel breakdown

R42

G40

B255

Red42 (16.5%)

Green40 (15.7%)

Blue255 (100%)

Hue240.56°

Saturation (HSL)100%

Lightness57.84%

Dominant channelBlue

Hex per channelR 2A · G 28 · B FF

Keep nerding

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

#2A28FF

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