Nerdulator> put something in

Recognised as Colour

#336F92

  • #336F92
  • Blue
  • Dark
  • Nearest: Steel blue

#336F92 is a blue with RGB values 51, 111, 146 and HSL 202°, 48%, 39%. It is a dark colour, so white text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#336F92#336F92
HEX#336F92
RGBrgb(51, 111, 146)
RGB (0–1)0.2, 0.4353, 0.5725
RGB percentages20%, 43.5%, 57.3%
HSLhsl(202.1, 48.2%, 38.6%)
HSV / HSBhsv(202.1, 65.1%, 57.3%)
CMYK65.1%, 24%, 0%, 42.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,370,898
CSS custom property--colour: #336F92;

Brightness & contrast

Relative luminance0.14148WCAG 2.x, 0 is black and 1 is white
Perceived brightness102.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.48:1
Contrast with white5.48:1WCAG normal text: AA
Contrast with black3.83:1WCAG normal text: Fail
Greyscale equivalent#656565
Inverted#CC906D

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#5F6E94no red cones; affects about 1% of men; ΔE 12.6 from the original
Deuteranopia#526591no green cones; the most common form, about 1% of men; ΔE 13.2 from the original
Tritanopia#00787Bno blue cones; rare, and affects men and women equally; ΔE 23.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.48:1WCAG large text: AAA
Contrast with black, large text3.83:1WCAG large text: AA

Named colours

Steel blue · ΔE 11.6Slate grey · ΔE 17.6Light slate grey · ΔE 18.8Dark slate grey · ΔE 25.2Dim grey · ΔE 26.1Teal · ΔE 26.7
Nearest named CSS colourSteel blue (#4682B4)ΔE 11.57, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#925633
Analogous#339286, #333F92
Triadic#92336F, #6F9233
Split complementary#92333F, #928533
Tetradic#863392, #925633, #3F9233

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#AECFE3
Lighter +30%#88B9D6
Lighter +20%#63A3C8
Lighter +10%#408CB8
Darker −10%#26526C
Darker −20%#193646
Darker −30%#0B1921
Darker −40%#000000
More saturated +25%#1A75AB
Less saturated −25%#4C6979

Channel breakdown

R51
G111
B146
Red51 (20%)
Green111 (43.5%)
Blue146 (57.3%)
Hue202.11°
Saturation (HSL)48.22%
Lightness38.63%
Dominant channelBlue
Hex per channelR 33 · G 6F · B 92

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