Nerdulator> put something in

Recognised as Colour

#356DBB

  • #356DBB
  • Blue
  • Dark
  • Nearest: Cornflower blue

#356DBB is a blue with RGB values 53, 109, 187 and HSL 215°, 56%, 47%. It is a dark colour, so white text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#356DBB#356DBB
HEX#356DBB
RGBrgb(53, 109, 187)
RGB (0–1)0.2078, 0.4275, 0.7333
RGB percentages20.8%, 42.7%, 73.3%
HSLhsl(214.9, 55.8%, 47.1%)
HSV / HSBhsv(214.9, 71.7%, 73.3%)
CMYK71.7%, 41.7%, 0%, 26.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,501,499
CSS custom property--colour: #356DBB;

Brightness & contrast

Relative luminance0.15282WCAG 2.x, 0 is black and 1 is white
Perceived brightness108.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.18:1
Contrast with white5.18:1WCAG normal text: AA
Contrast with black4.06:1WCAG normal text: Fail
Greyscale equivalent#676767
Inverted#CA9244

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4874BEno red cones; affects about 1% of men; ΔE 4.3 from the original
Deuteranopia#3267B9no green cones; the most common form, about 1% of men; ΔE 3.8 from the original
Tritanopia#007F8Bno blue cones; rare, and affects men and women equally; ΔE 45.6 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.18:1WCAG large text: AAA
Contrast with black, large text4.06:1WCAG large text: AA

Named colours

Cornflower blue · ΔE 16.2Steel blue · ΔE 19.9Dodgerblue · ΔE 21.6Dark slateblue · ΔE 23.8Royal blue · ΔE 26.1Slate blue · ΔE 30
Nearest named CSS colourCornflower blue (#6495ED)ΔE 16.2, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#BB8335
Analogous#35B0BB, #4035BB
Triadic#BB356D, #6DBB35
Split complementary#BB4035, #B0BB35
Tetradic#BB35B0, #BB8335, #35BB40

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#CCDBF0
Lighter +30%#A4BFE5
Lighter +20%#7CA3DA
Lighter +10%#5487CF
Darker −10%#2A5693
Darker −20%#1E3F6C
Darker −30%#132844
Darker −40%#08101C
More saturated +25%#1768D9
Less saturated −25%#53729D

Channel breakdown

R53
G109
B187
Red53 (20.8%)
Green109 (42.7%)
Blue187 (73.3%)
Hue214.93°
Saturation (HSL)55.83%
Lightness47.06%
Dominant channelBlue
Hex per channelR 35 · G 6D · B BB

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