Colour

#4868C8

#4868C8
Blue
Dark
Nearest: Royal blue

#4868C8 is a blue with RGB values 72, 104, 200 and HSL 225°, 54%, 53%. It is a dark colour, so white text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#4868C8#4868C8

HEX#4868C8

RGBrgb(72, 104, 200)

RGB (0–1)0.2824, 0.4078, 0.7843

RGB percentages28.2%, 40.8%, 78.4%

HSLhsl(225, 53.8%, 53.3%)

HSV / HSBhsv(225, 64%, 78.4%)

CMYK64%, 48%, 0%, 21.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,745,416

CSS custom property--colour: #4868C8;

Brightness & contrast

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

Perceived brightness111.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.13:1

Contrast with white5.13:1WCAG normal text: AA

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

Greyscale equivalent#686868

Inverted#B79737

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#3674CCno red cones; affects about 1% of men; ΔE 9.5 from the original

Deuteranopia#1B68C6no green cones; the most common form, about 1% of men; ΔE 6.7 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.13:1WCAG large text: AAA

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

Named colours

Royal blue · ΔE 13.8 Slate blue · ΔE 17.5 Dodgerblue · ΔE 18.8 Cornflower blue · ΔE 19 Medium purple · ΔE 20 Dark slateblue · ΔE 20.4

Nearest named CSS colourRoyal blue (#4169E1)ΔE 13.82, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C8A848

Analogous#48A8C8, #6848C8

Triadic#C84868, #68C848

Split complementary#C86848, #A8C848

Tetradic#C848A8, #C8A848, #48C868

Tints, shades & saturation

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

Lighter +40%#E5E9F7

Lighter +30%#BEC9EB

Lighter +20%#96A9E0

Lighter +10%#6F88D4

Darker −10%#3351AA

Darker −20%#273E83

Darker −30%#1C2C5C

Darker −40%#101934

More saturated +25%#2A59E6

Less saturated −25%#6677AA

Channel breakdown

R72

G104

B200

Red72 (28.2%)

Green104 (40.8%)

Blue200 (78.4%)

Hue225°

Saturation (HSL)53.78%

Lightness53.33%

Dominant channelBlue

Hex per channelR 48 · G 68 · B C8

Keep nerding

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

#4868C8

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