Colour

#063CB3

#063CB3
Blue
Dark
Nearest: Slate blue

#063CB3 is a blue with RGB values 6, 60, 179 and HSL 221°, 94%, 36%. It is a dark colour, so white text on it reaches 9.1:1 contrast (AAA for normal text). The nearest named colour is Slate blue.

Colour values

#063CB3#063CB3

HEX#063CB3

RGBrgb(6, 60, 179)

RGB (0–1)0.0235, 0.2353, 0.702

RGB percentages2.4%, 23.5%, 70.2%

HSLhsl(221.3, 93.5%, 36.3%)

HSV / HSBhsv(221.3, 96.6%, 70.2%)

CMYK96.6%, 66.5%, 0%, 29.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer408,755

CSS custom property--colour: #063CB3;

Brightness & contrast

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

Perceived brightness76 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.11:1

Contrast with white9.11:1WCAG normal text: AAA

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

Greyscale equivalent#393939

Inverted#F9C34C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0050B7no red cones; affects about 1% of men; ΔE 14.9 from the original

Deuteranopia#0041B1no green cones; the most common form, about 1% of men; ΔE 5.3 from the original

Tritanopia#005D72no blue cones; rare, and affects men and women equally; ΔE 68.7 from the original

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

Contrast with white, large text9.11:1WCAG large text: AAA

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

Named colours

Slate blue · ΔE 17.3 Royal blue · ΔE 18.6 Rebecca purple · ΔE 21.8 Midnight blue · ΔE 22.7 Navy · ΔE 22.8 Medium slateblue · ΔE 22.8

Nearest named CSS colourSlate blue (#6A5ACD)ΔE 17.33, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B37D06

Analogous#0692B3, #2706B3

Triadic#B3063C, #3CB306

Split complementary#B32706, #92B306

Tetradic#B30692, #B37D06, #06B327

Tints, shades & saturation

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

Lighter +40%#8AADFB

Lighter +30%#598BF9

Lighter +20%#2768F8

Lighter +10%#084DE4

Darker −10%#042B82

Darker −20%#031B50

Darker −30%#010A1F

Darker −40%#000000

More saturated +25%#003AB9

Less saturated −25%#1D459C

Channel breakdown

G60

B179

Red6 (2.4%)

Green60 (23.5%)

Blue179 (70.2%)

Hue221.27°

Saturation (HSL)93.51%

Lightness36.27%

Dominant channelBlue

Hex per channelR 06 · G 3C · B B3

Keep nerding

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

#063CB3

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