Nerdulator> put something in

Recognised as Colour

#356AF9

  • #356AF9
  • Blue
  • Dark
  • Nearest: Royal blue

#356AF9 is a blue with RGB values 53, 106, 249 and HSL 224°, 94%, 59%. It is a dark colour, so white text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#356AF9#356AF9
HEX#356AF9
RGBrgb(53, 106, 249)
RGB (0–1)0.2078, 0.4157, 0.9765
RGB percentages20.8%, 41.6%, 97.6%
HSLhsl(223.8, 94.2%, 59.2%)
HSV / HSBhsv(223.8, 78.7%, 97.6%)
CMYK78.7%, 57.4%, 0%, 2.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,500,793
CSS custom property--colour: #356AF9;

Brightness & contrast

Relative luminance0.17905WCAG 2.x, 0 is black and 1 is white
Perceived brightness120.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.58:1
Contrast with white4.58:1WCAG normal text: AA
Contrast with black4.58:1WCAG normal text: AA
Greyscale equivalent#696969
Inverted#CA9506

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#007FFEno red cones; affects about 1% of men; ΔE 15.8 from the original
Deuteranopia#006DF6no green cones; the most common form, about 1% of men; ΔE 5.8 from the original
Tritanopia#008EA7no blue cones; rare, and affects men and women equally; ΔE 77.7 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.58:1WCAG large text: AAA
Contrast with black, large text4.58:1WCAG large text: AAA

Named colours

Royal blue · ΔE 13Medium slateblue · ΔE 13.8Slate blue · ΔE 19.1Medium purple · ΔE 27Dodgerblue · ΔE 28.2Rebecca purple · ΔE 34.9
Nearest named CSS colourRoyal blue (#4169E1)ΔE 12.95, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F9C435
Analogous#35CCF9, #6235F9
Triadic#F9356A, #6AF935
Split complementary#F96235, #CCF935
Tetradic#F935CC, #F9C435, #35F962

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FBFCFF
Lighter +30%#CAD8FD
Lighter +20%#98B3FC
Lighter +10%#678FFA
Darker −10%#0747F4
Darker −20%#0639C2
Darker −30%#042A91
Darker −40%#031C5F
More saturated +25%#2F67FF
Less saturated −25%#4F76DF

Channel breakdown

R53
G106
B249
Red53 (20.8%)
Green106 (41.6%)
Blue249 (97.6%)
Hue223.78°
Saturation (HSL)94.23%
Lightness59.22%
Dominant channelBlue
Hex per channelR 35 · G 6A · B F9

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 “356af9” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.