Recognised as Colour

#4673BE

#4673BE
Blue
Dark
Nearest: Cornflower blue

#4673BE is a blue with RGB values 70, 115, 190 and HSL 218°, 48%, 51%. It is a dark colour, so white text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#4673BE#4673BE

HEX#4673BE

RGBrgb(70, 115, 190)

RGB (0–1)0.2745, 0.451, 0.7451

RGB percentages27.5%, 45.1%, 74.5%

HSLhsl(217.5, 48%, 51%)

HSV / HSBhsv(217.5, 63.2%, 74.5%)

CMYK63.2%, 39.5%, 0%, 25.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,617,150

CSS custom property--colour: #4673BE;

Brightness & contrast

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

Perceived brightness115.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.71:1

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

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

Greyscale equivalent#6F6F6F

Inverted#B98C41

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5279C1no red cones; affects about 1% of men; ΔE 3.3 from the original

Deuteranopia#416EBCno green cones; the most common form, about 1% of men; ΔE 2.9 from the original

Tritanopia#00848Fno blue cones; rare, and affects men and women equally; ΔE 45.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cornflower blue · ΔE 14.4 Steel blue · ΔE 17.6 Dodgerblue · ΔE 22.2 Dark slateblue · ΔE 25.2 Royal blue · ΔE 27.8 Medium purple · ΔE 29.8

Nearest named CSS colourCornflower blue (#6495ED)ΔE 14.36, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BE9146

Analogous#46AFBE, #5546BE

Triadic#BE4673, #73BE46

Split complementary#BE5546, #AFBE46

Tetradic#BE46AF, #BE9146, #46BE55

Tints, shades & saturation

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

Lighter +40%#DDE5F3

Lighter +30%#B7C9E6

Lighter +20%#91ACD9

Lighter +10%#6C90CB

Darker −10%#365C9B

Darker −20%#294675

Darker −30%#1C2F4F

Darker −40%#0F1929

More saturated +25%#276BDD

Less saturated −25%#657B9F

Channel breakdown

R70

G115

B190

Red70 (27.5%)

Green115 (45.1%)

Blue190 (74.5%)

Hue217.5°

Saturation (HSL)48%

Lightness50.98%

Dominant channelBlue

Hex per channelR 46 · G 73 · B BE

Keep nerding

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

#4673BE

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