Colour

#0146DE

#0146DE
Blue
Dark
Nearest: Medium slateblue

#0146DE is a blue with RGB values 1, 70, 222 and HSL 221°, 99%, 44%. It is a dark colour, so white text on it reaches 7.2:1 contrast (AAA for normal text). The nearest named colour is Medium slateblue.

Colour values

#0146DE#0146DE

HEX#0146DE

RGBrgb(1, 70, 222)

RGB (0–1)0.0039, 0.2745, 0.8706

RGB percentages0.4%, 27.5%, 87.1%

HSLhsl(221.3, 99.1%, 43.7%)

HSV / HSBhsv(221.3, 99.5%, 87.1%)

CMYK99.5%, 68.5%, 0%, 12.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer83,678

CSS custom property--colour: #0146DE;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.16:1

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

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

Greyscale equivalent#424242

Inverted#FEB921

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#00718Dno blue cones; rare, and affects men and women equally; ΔE 83.4 from the original

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

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

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

Named colours

Medium slateblue · ΔE 21.7 Royal blue · ΔE 25.3 Slate blue · ΔE 25.6 Dark blue · ΔE 26.6 Blue violet · ΔE 27.9 Medium blue · ΔE 29

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DE9901

Analogous#01B5DE, #2A01DE

Triadic#DE0146, #46DE01

Split complementary#DE2A01, #B5DE01

Tetradic#DE01B5, #DE9901, #01DE2A

Tints, shades & saturation

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

Lighter +40%#ACC6FF

Lighter +30%#7AA3FE

Lighter +20%#4780FE

Lighter +10%#145DFE

Darker −10%#0136AB

Darker −20%#012678

Darker −30%#001646

Darker −40%#000613

More saturated +25%#0046DF

Less saturated −25%#1D50C2

Channel breakdown

G70

B222

Red1 (0.4%)

Green70 (27.5%)

Blue222 (87.1%)

Hue221.27°

Saturation (HSL)99.1%

Lightness43.73%

Dominant channelBlue

Hex per channelR 01 · G 46 · B DE

Keep nerding

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

#0146DE

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