Nerdulator> put something in

Recognised as Colour

#28214B

  • #28214B
  • Blue
  • Dark
  • Nearest: Dark slateblue

#28214B is a blue with RGB values 40, 33, 75 and HSL 250°, 39%, 21%. It is a dark colour, so white text on it reaches 14.9:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#28214B#28214B
HEX#28214B
RGBrgb(40, 33, 75)
RGB (0–1)0.1569, 0.1294, 0.2941
RGB percentages15.7%, 12.9%, 29.4%
HSLhsl(250, 38.9%, 21.2%)
HSV / HSBhsv(250, 56%, 29.4%)
CMYK46.7%, 56%, 0%, 70.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,629,963
CSS custom property--colour: #28214B;

Brightness & contrast

Relative luminance0.02047WCAG 2.x, 0 is black and 1 is white
Perceived brightness41.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 14.9:1
Contrast with white14.9:1WCAG normal text: AAA
Contrast with black1.41:1WCAG normal text: Fail
Greyscale equivalent#262626
Inverted#D7DEB4

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0F284Cno red cones; affects about 1% of men; ΔE 10.6 from the original
Deuteranopia#0F264Ano green cones; the most common form, about 1% of men; ΔE 10 from the original
Tritanopia#1E2A32no blue cones; rare, and affects men and women equally; ΔE 25.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text14.9:1WCAG large text: AAA
Contrast with black, large text1.41:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 25Midnight blue · ΔE 29.3Black · ΔE 33.4Dark slate grey · ΔE 38Rebecca purple · ΔE 39.1Dim grey · ΔE 41.2
Nearest named CSS colourDark slateblue (#483D8B)ΔE 25.05, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#444B21
Analogous#212F4B, #3D214B
Triadic#4B2821, #214B28
Split complementary#4B3D21, #2F4B21
Tetradic#4B212F, #444B21, #214B3D

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#8276C3
Lighter +30%#6252B3
Lighter +20%#4E4092
Lighter +10%#3B316E
Darker −10%#151128
Darker −20%#020204
Darker −30%#000000
Darker −40%#000000
More saturated +25%#1F1459
Less saturated −25%#312F3E

Channel breakdown

R40
G33
B75
Red40 (15.7%)
Green33 (12.9%)
Blue75 (29.4%)
Hue250°
Saturation (HSL)38.89%
Lightness21.18%
Dominant channelBlue
Hex per channelR 28 · G 21 · B 4B

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