Colour

#2863FF

#2863FF
Blue
Dark
Nearest: Medium slateblue

#2863FF is a blue with RGB values 40, 99, 255 and HSL 224°, 100%, 58%. It is a dark colour, so white text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Medium slateblue.

Colour values

#2863FF#2863FF

HEX#2863FF

RGBrgb(40, 99, 255)

RGB (0–1)0.1569, 0.3882, 1

RGB percentages15.7%, 38.8%, 100%

HSLhsl(223.5, 100%, 57.8%)

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

CMYK84.3%, 61.2%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,647,039

CSS custom property--colour: #2863FF;

Brightness & contrast

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

Perceived brightness116.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.86:1

Contrast with white4.86:1WCAG normal text: AA

Contrast with black4.32:1WCAG normal text: Fail

Greyscale equivalent#626262

Inverted#D79C00

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#007BFFno red cones; affects about 1% of men; ΔE 19.8 from the original

Deuteranopia#0068FCno green cones; the most common form, about 1% of men; ΔE 6.2 from the original

Tritanopia#008CA8no blue cones; rare, and affects men and women equally; ΔE 83.9 from the original

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

Contrast with white, large text4.86:1WCAG large text: AAA

Contrast with black, large text4.32:1WCAG large text: AA

Named colours

Medium slateblue · ΔE 17.6 Royal blue · ΔE 21 Slate blue · ΔE 24.7 Blue violet · ΔE 32.7 Medium purple · ΔE 33 Dark orchid · ΔE 34.9

Nearest named CSS colourMedium slateblue (#7B68EE)ΔE 17.61, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FFC428

Analogous#28CFFF, #5928FF

Triadic#FF2863, #63FF28

Split complementary#FF5828, #CFFF28

Tetradic#FF28CF, #FFC428, #28FF59

Tints, shades & saturation

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

Lighter +40%#F4F7FF

Lighter +30%#C1D2FF

Lighter +20%#8EADFF

Lighter +10%#5B88FF

Darker −10%#0043F4

Darker −20%#0035C1

Darker −30%#00278E

Darker −40%#00195B

More saturated +25%#2863FF

Less saturated −25%#436FE4

Channel breakdown

R40

G99

B255

Red40 (15.7%)

Green99 (38.8%)

Blue255 (100%)

Hue223.53°

Saturation (HSL)100%

Lightness57.84%

Dominant channelBlue

Hex per channelR 28 · G 63 · B FF

Keep nerding

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

#2863FF

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