Recognised as Colour

#727C8B

#727C8B
Blue
Dark
Nearest: Slate grey

#727C8B is a blue with RGB values 114, 124, 139 and HSL 216°, 10%, 50%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#727C8B#727C8B

HEX#727C8B

RGBrgb(114, 124, 139)

RGB (0–1)0.4471, 0.4863, 0.5451

RGB percentages44.7%, 48.6%, 54.5%

HSLhsl(216, 9.9%, 49.6%)

HSV / HSBhsv(216, 18%, 54.5%)

CMYK18%, 10.8%, 0%, 45.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,502,987

CSS custom property--colour: #727C8B;

Brightness & contrast

Relative luminance0.19857WCAG 2.x, 0 is black and 1 is white

Perceived brightness122.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.97:1

Contrast with white4.22:1WCAG normal text: Fail

Contrast with black4.97:1WCAG normal text: AA

Greyscale equivalent#7B7B7B

Inverted#8D8374

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#777D8Cno red cones; affects about 1% of men; ΔE 1.6 from the original

Deuteranopia#757A8Bno green cones; the most common form, about 1% of men; ΔE 2.3 from the original

Tritanopia#6C7F81no blue cones; rare, and affects men and women equally; ΔE 8.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.22:1WCAG large text: AA

Contrast with black, large text4.97:1WCAG large text: AAA

Named colours

Slate grey · ΔE 2.5 Light slate grey · ΔE 5 Gray · ΔE 9.6 Dim grey · ΔE 11.9 Dark grey · ΔE 19.9 Cadetblue · ΔE 21.6

Nearest named CSS colourSlate grey (#708090)ΔE 2.45, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#8B8172

Analogous#72898B, #75728B

Triadic#8B727C, #7C8B72

Split complementary#8B7572, #898B72

Tetradic#8B7289, #8B8172, #728B75

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#E2E4E7

Lighter +30%#C6CAD0

Lighter +20%#AAB0B9

Lighter +10%#8E96A2

Darker −10%#5B636F

Darker −20%#444A53

Darker −30%#2D3137

Darker −40%#16181B

More saturated +25%#5276AB

Less saturated −25%#7F7F7F

Channel breakdown

R114

G124

B139

Red114 (44.7%)

Green124 (48.6%)

Blue139 (54.5%)

Hue216°

Saturation (HSL)9.88%

Lightness49.61%

Dominant channelBlue

Hex per channelR 72 · G 7C · B 8B

Keep nerding

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

#727C8B

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else