Nerdulator> put something in

Colour

#2C5296

  • #2C5296
  • Blue
  • Dark
  • Nearest: Dark slateblue

#2C5296 is a blue with RGB values 44, 82, 150 and HSL 218°, 55%, 38%. It is a dark colour, so white text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#2C5296#2C5296
HEX#2C5296
RGBrgb(44, 82, 150)
RGB (0–1)0.1725, 0.3216, 0.5882
RGB percentages17.3%, 32.2%, 58.8%
HSLhsl(218.5, 54.6%, 38%)
HSV / HSBhsv(218.5, 70.7%, 58.8%)
CMYK70.7%, 45.3%, 0%, 41.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,904,726
CSS custom property--colour: #2C5296;

Brightness & contrast

Relative luminance0.08772WCAG 2.x, 0 is black and 1 is white
Perceived brightness84.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.62:1
Contrast with white7.62:1WCAG normal text: AAA
Contrast with black2.75:1WCAG normal text: Fail
Greyscale equivalent#4F4F4F
Inverted#D3AD69

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#315999no red cones; affects about 1% of men; ΔE 4.2 from the original
Deuteranopia#1D4F95no green cones; the most common form, about 1% of men; ΔE 2.4 from the original
Tritanopia#00626Cno blue cones; rare, and affects men and women equally; ΔE 42.1 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.62:1WCAG large text: AAA
Contrast with black, large text2.75:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 16.4Steel blue · ΔE 24.1Cornflower blue · ΔE 27.6Midnight blue · ΔE 30.2Royal blue · ΔE 31.2Slate blue · ΔE 32
Nearest named CSS colourDark slateblue (#483D8B)ΔE 16.39, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#96702C
Analogous#2C8796, #3B2C96
Triadic#962C52, #52962C
Split complementary#963B2C, #87962C
Tetradic#962C87, #96702C, #2C963B

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A8BEE6
Lighter +30%#81A1DA
Lighter +20%#5A83CE
Lighter +10%#3868BD
Darker −10%#203C6F
Darker −20%#152747
Darker −30%#091120
Darker −40%#000000
More saturated +25%#144BAE
Less saturated −25%#44597E

Channel breakdown

R44
G82
B150
Red44 (17.3%)
Green82 (32.2%)
Blue150 (58.8%)
Hue218.49°
Saturation (HSL)54.64%
Lightness38.04%
Dominant channelBlue
Hex per channelR 2C · G 52 · B 96

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