Nerdulator> put something in

Recognised as Colour

#4A5369

  • #4A5369
  • Blue
  • Dark
  • Nearest: Dim grey

#4A5369 is a blue with RGB values 74, 83, 105 and HSL 223°, 17%, 35%. It is a dark colour, so white text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#4A5369#4A5369
HEX#4A5369
RGBrgb(74, 83, 105)
RGB (0–1)0.2902, 0.3255, 0.4118
RGB percentages29%, 32.5%, 41.2%
HSLhsl(222.6, 17.3%, 35.1%)
HSV / HSBhsv(222.6, 29.5%, 41.2%)
CMYK29.5%, 21%, 0%, 58.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,871,017
CSS custom property--colour: #4A5369;

Brightness & contrast

Relative luminance0.08662WCAG 2.x, 0 is black and 1 is white
Perceived brightness83.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.69:1
Contrast with white7.69:1WCAG normal text: AAA
Contrast with black2.73:1WCAG normal text: Fail
Greyscale equivalent#535353
Inverted#B5AC96

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4C556Ano red cones; affects about 1% of men; ΔE 1.1 from the original
Deuteranopia#495268no green cones; the most common form, about 1% of men; ΔE 0.4 from the original
Tritanopia#42575Ano blue cones; rare, and affects men and women equally; ΔE 13.3 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.69:1WCAG large text: AAA
Contrast with black, large text2.73:1WCAG large text: Fail

Named colours

Dim grey · ΔE 16.7Dark slate grey · ΔE 17.6Slate grey · ΔE 18.3Light slate grey · ΔE 21.2Gray · ΔE 23Steel blue · ΔE 25.8
Nearest named CSS colourDim grey (#696969)ΔE 16.69, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#69604A
Analogous#4A6269, #514A69
Triadic#694A53, #53694A
Split complementary#69514A, #62694A
Tetradic#694A62, #69604A, #4A6951

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B5BBCA
Lighter +30%#97A0B5
Lighter +20%#7984A0
Lighter +10%#5F6B87
Darker −10%#353B4B
Darker −20%#20242D
Darker −30%#0B0C0F
Darker −40%#000000
More saturated +25%#344A7F
Less saturated −25%#5A5A5A

Channel breakdown

R74
G83
B105
Red74 (29%)
Green83 (32.5%)
Blue105 (41.2%)
Hue222.58°
Saturation (HSL)17.32%
Lightness35.1%
Dominant channelBlue
Hex per channelR 4A · G 53 · B 69

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