Nerdulator> put something in

Recognised as Colour

#324C87

  • #324C87
  • Blue
  • Dark
  • Nearest: Dark slateblue

#324C87 is a blue with RGB values 50, 76, 135 and HSL 222°, 46%, 36%. It is a dark colour, so white text on it reaches 8.3:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#324C87#324C87
HEX#324C87
RGBrgb(50, 76, 135)
RGB (0–1)0.1961, 0.298, 0.5294
RGB percentages19.6%, 29.8%, 52.9%
HSLhsl(221.6, 45.9%, 36.3%)
HSV / HSBhsv(221.6, 63%, 52.9%)
CMYK63%, 43.7%, 0%, 47.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,296,391
CSS custom property--colour: #324C87;

Brightness & contrast

Relative luminance0.07596WCAG 2.x, 0 is black and 1 is white
Perceived brightness78.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.34:1
Contrast with white8.34:1WCAG normal text: AAA
Contrast with black2.52:1WCAG normal text: Fail
Greyscale equivalent#4B4B4B
Inverted#CDB378

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#315289no red cones; affects about 1% of men; ΔE 4.3 from the original
Deuteranopia#254A86no green cones; the most common form, about 1% of men; ΔE 2.4 from the original
Tritanopia#005963no blue cones; rare, and affects men and women equally; ΔE 37.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text8.34:1WCAG large text: AAA
Contrast with black, large text2.52:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 17.5Steel blue · ΔE 24.1Midnight blue · ΔE 31Cornflower blue · ΔE 31.7Slate grey · ΔE 34.3Rebecca purple · ΔE 34.9
Nearest named CSS colourDark slateblue (#483D8B)ΔE 17.47, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#876D32
Analogous#327787, #423287
Triadic#87324C, #4C8732
Split complementary#874232, #778732
Tetradic#873277, #876D32, #328742

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A7B8DE
Lighter +30%#819AD1
Lighter +20%#5C7CC3
Lighter +10%#4061AC
Darker −10%#243762
Darker −20%#16223D
Darker −30%#090D17
Darker −40%#000000
More saturated +25%#1B439E
Less saturated −25%#495570

Channel breakdown

R50
G76
B135
Red50 (19.6%)
Green76 (29.8%)
Blue135 (52.9%)
Hue221.65°
Saturation (HSL)45.95%
Lightness36.27%
Dominant channelBlue
Hex per channelR 32 · G 4C · B 87

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