Nerdulator> put something in

Recognised as Colour

#285D86

  • #285D86
  • Blue
  • Dark
  • Nearest: Steel blue

#285D86 is a blue with RGB values 40, 93, 134 and HSL 206°, 54%, 34%. It is a dark colour, so white text on it reaches 7:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#285D86#285D86
HEX#285D86
RGBrgb(40, 93, 134)
RGB (0–1)0.1569, 0.3647, 0.5255
RGB percentages15.7%, 36.5%, 52.5%
HSLhsl(206.2, 54%, 34.1%)
HSV / HSBhsv(206.2, 70.1%, 52.5%)
CMYK70.1%, 30.6%, 0%, 47.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,645,382
CSS custom property--colour: #285D86;

Brightness & contrast

Relative luminance0.10001WCAG 2.x, 0 is black and 1 is white
Perceived brightness87.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7:1
Contrast with white7:1WCAG normal text: AA
Contrast with black3:1WCAG normal text: Fail
Greyscale equivalent#555555
Inverted#D7A279

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4B5E88no red cones; affects about 1% of men; ΔE 8.7 from the original
Deuteranopia#3E5585no green cones; the most common form, about 1% of men; ΔE 9.6 from the original
Tritanopia#00676Bno blue cones; rare, and affects men and women equally; ΔE 27.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7:1WCAG large text: AAA
Contrast with black, large text3:1WCAG large text: AA

Named colours

Steel blue · ΔE 15.2Slate grey · ΔE 23Light slate grey · ΔE 24.8Dark slate grey · ΔE 26.5Dim grey · ΔE 28.9Gray · ΔE 32.3
Nearest named CSS colourSteel blue (#4682B4)ΔE 15.23, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#865128
Analogous#288680, #282E86
Triadic#86285D, #5D8628
Split complementary#86282E, #868028
Tetradic#802886, #865128, #2E8628

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#99C2E1
Lighter +30%#72AAD5
Lighter +20%#4B92C9
Lighter +10%#3478AD
Darker −10%#1C425F
Darker −20%#112637
Darker −30%#050B10
Darker −40%#000000
More saturated +25%#12609C
Less saturated −25%#3E5A70

Channel breakdown

R40
G93
B134
Red40 (15.7%)
Green93 (36.5%)
Blue134 (52.5%)
Hue206.17°
Saturation (HSL)54.02%
Lightness34.12%
Dominant channelBlue
Hex per channelR 28 · G 5D · B 86

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