Nerdulator> put something in

Recognised as Colour

#476BC0

  • #476BC0
  • Blue
  • Dark
  • Nearest: Cornflower blue

#476BC0 is a blue with RGB values 71, 107, 192 and HSL 222°, 49%, 52%. It is a dark colour, so white text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#476BC0#476BC0
HEX#476BC0
RGBrgb(71, 107, 192)
RGB (0–1)0.2784, 0.4196, 0.7529
RGB percentages27.8%, 42%, 75.3%
HSLhsl(222.1, 49%, 51.6%)
HSV / HSBhsv(222.1, 63%, 75.3%)
CMYK63%, 44.3%, 0%, 24.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,680,640
CSS custom property--colour: #476BC0;

Brightness & contrast

Relative luminance0.15661WCAG 2.x, 0 is black and 1 is white
Perceived brightness111.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.08:1
Contrast with white5.08:1WCAG normal text: AA
Contrast with black4.13:1WCAG normal text: Fail
Greyscale equivalent#696969
Inverted#B8943F

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4374C3no red cones; affects about 1% of men; ΔE 6.3 from the original
Deuteranopia#3069BEno green cones; the most common form, about 1% of men; ΔE 3.8 from the original
Tritanopia#007E8Cno blue cones; rare, and affects men and women equally; ΔE 50.1 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.08:1WCAG large text: AAA
Contrast with black, large text4.13:1WCAG large text: AA

Named colours

Cornflower blue · ΔE 16.2Dodgerblue · ΔE 20.1Dark slateblue · ΔE 20.7Royal blue · ΔE 20.7Slate blue · ΔE 23.7Medium purple · ΔE 24.2
Nearest named CSS colourCornflower blue (#6495ED)ΔE 16.18, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#C09C47
Analogous#47A7C0, #6047C0
Triadic#C0476B, #6BC047
Split complementary#C05F47, #A8C047
Tetradic#C047A7, #C09C47, #47C060

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#DFE5F4
Lighter +30%#B9C7E7
Lighter +20%#93A8DA
Lighter +10%#6D8ACD
Darker −10%#36559E
Darker −20%#294178
Darker −30%#1C2C52
Darker −40%#0F182C
More saturated +25%#285EDF
Less saturated −25%#6678A1

Channel breakdown

R71
G107
B192
Red71 (27.8%)
Green107 (42%)
Blue192 (75.3%)
Hue222.15°
Saturation (HSL)48.99%
Lightness51.57%
Dominant channelBlue
Hex per channelR 47 · G 6B · B C0

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “476bc0” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.