Colour

#0B48FF

#0B48FF
Blue
Dark
Nearest: Medium blue

#0B48FF is a blue with RGB values 11, 72, 255 and HSL 225°, 100%, 52%. It is a dark colour, so white text on it reaches 6.2:1 contrast (AA for normal text). The nearest named colour is Medium blue.

Colour values

#0B48FF#0B48FF

HEX#0B48FF

RGBrgb(11, 72, 255)

RGB (0–1)0.0431, 0.2824, 1

RGB percentages4.3%, 28.2%, 100%

HSLhsl(225, 100%, 52.2%)

HSV / HSBhsv(225, 95.7%, 100%)

CMYK95.7%, 71.8%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer739,583

CSS custom property--colour: #0B48FF;

Brightness & contrast

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

Perceived brightness102.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.2:1

Contrast with white6.2:1WCAG normal text: AA

Contrast with black3.39:1WCAG normal text: Fail

Greyscale equivalent#484848

Inverted#F4B700

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#006CFFno red cones; affects about 1% of men; ΔE 27.5 from the original

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

Tritanopia#007E9Fno blue cones; rare, and affects men and women equally; ΔE 98 from the original

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

Contrast with white, large text6.2:1WCAG large text: AAA

Contrast with black, large text3.39:1WCAG large text: AA

Named colours

Medium blue · ΔE 21 Blue violet · ΔE 24.5 Blue · ΔE 30.6 Dark violet · ΔE 32.1 Medium slateblue · ΔE 32.5 Dark orchid · ΔE 35.1

Nearest named CSS colourMedium blue (#0000CD)ΔE 21.05, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FFC20B

Analogous#0BC2FF, #480BFF

Triadic#FF0B48, #48FF0B

Split complementary#FF480B, #C2FF0B

Tetradic#FF0BC2, #FFC20B, #0BFF48

Tints, shades & saturation

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

Lighter +40%#D7E1FF

Lighter +30%#A4BBFF

Lighter +20%#7194FF

Lighter +10%#3E6EFF

Darker −10%#0036D7

Darker −20%#0029A4

Darker −30%#001C71

Darker −40%#00103E

More saturated +25%#0B48FF

Less saturated −25%#2957E1

Channel breakdown

R11

G72

B255

Red11 (4.3%)

Green72 (28.2%)

Blue255 (100%)

Hue225°

Saturation (HSL)100%

Lightness52.16%

Dominant channelBlue

Hex per channelR 0B · G 48 · B FF

Keep nerding

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

#0B48FF

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