Nerdulator> put something in

Recognised as Colour

#3569A7

  • #3569A7
  • Blue
  • Dark
  • Nearest: Steel blue

#3569A7 is a blue with RGB values 53, 105, 167 and HSL 213°, 52%, 43%. It is a dark colour, so white text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#3569A7#3569A7
HEX#3569A7
RGBrgb(53, 105, 167)
RGB (0–1)0.2078, 0.4118, 0.6549
RGB percentages20.8%, 41.2%, 65.5%
HSLhsl(212.6, 51.8%, 43.1%)
HSV / HSBhsv(212.6, 68.3%, 65.5%)
CMYK68.3%, 37.1%, 0%, 34.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,500,455
CSS custom property--colour: #3569A7;

Brightness & contrast

Relative luminance0.1365WCAG 2.x, 0 is black and 1 is white
Perceived brightness102.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.63:1
Contrast with white5.63:1WCAG normal text: AA
Contrast with black3.73:1WCAG normal text: Fail
Greyscale equivalent#626262
Inverted#CA9658

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4D6DAAno red cones; affects about 1% of men; ΔE 4.7 from the original
Deuteranopia#3D62A6no green cones; the most common form, about 1% of men; ΔE 6.2 from the original
Tritanopia#007780no blue cones; rare, and affects men and women equally; ΔE 37.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.63:1WCAG large text: AAA
Contrast with black, large text3.73:1WCAG large text: AA

Named colours

Steel blue · ΔE 13.1Cornflower blue · ΔE 22Dark slateblue · ΔE 26.3Slate grey · ΔE 29.8Dodgerblue · ΔE 30.2Light slate grey · ΔE 30.4
Nearest named CSS colourSteel blue (#4682B4)ΔE 13.08, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A77335
Analogous#35A2A7, #3A35A7
Triadic#A73569, #69A735
Split complementary#A73A35, #A2A735
Tetradic#A735A2, #A77335, #35A73A

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#BED2EA
Lighter +30%#97B7DE
Lighter +20%#709DD2
Lighter +10%#4A82C5
Darker −10%#295180
Darker −20%#1C385A
Darker −30%#102033
Darker −40%#04080C
More saturated +25%#1A67C3
Less saturated −25%#516B8B

Channel breakdown

R53
G105
B167
Red53 (20.8%)
Green105 (41.2%)
Blue167 (65.5%)
Hue212.63°
Saturation (HSL)51.82%
Lightness43.14%
Dominant channelBlue
Hex per channelR 35 · G 69 · B A7

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