Nerdulator> put something in

Recognised as Colour

#2B4282

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

#2B4282 is a blue with RGB values 43, 66, 130 and HSL 224°, 50%, 34%. It is a dark colour, so white text on it reaches 9.5:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#2B4282#2B4282
HEX#2B4282
RGBrgb(43, 66, 130)
RGB (0–1)0.1686, 0.2588, 0.5098
RGB percentages16.9%, 25.9%, 51%
HSLhsl(224.1, 50.3%, 33.9%)
HSV / HSBhsv(224.1, 66.9%, 51%)
CMYK66.9%, 49.2%, 0%, 49%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,835,074
CSS custom property--colour: #2B4282;

Brightness & contrast

Relative luminance0.06022WCAG 2.x, 0 is black and 1 is white
Perceived brightness71 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 9.53:1
Contrast with white9.53:1WCAG normal text: AAA
Contrast with black2.2:1WCAG normal text: Fail
Greyscale equivalent#424242
Inverted#D4BD7D

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#214A84no red cones; affects about 1% of men; ΔE 7 from the original
Deuteranopia#0F4281no green cones; the most common form, about 1% of men; ΔE 4.5 from the original
Tritanopia#00515Bno blue cones; rare, and affects men and women equally; ΔE 40.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text9.53:1WCAG large text: AAA
Contrast with black, large text2.2:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 13.2Midnight blue · ΔE 25.3Steel blue · ΔE 29.6Rebecca purple · ΔE 30.9Slate blue · ΔE 33.6Cornflower blue · ΔE 34.3
Nearest named CSS colourDark slateblue (#483D8B)ΔE 13.2, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#826B2B
Analogous#2B6D82, #402B82
Triadic#822B42, #42822B
Split complementary#82402B, #6D822B
Tetradic#822B6D, #826B2B, #2B8240

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#9BADDE
Lighter +30%#758DD1
Lighter +20%#4E6EC5
Lighter +10%#3855A8
Darker −10%#1E2F5C
Darker −20%#121B35
Darker −30%#05080F
Darker −40%#000000
More saturated +25%#153898
Less saturated −25%#414C6C

Channel breakdown

R43
G66
B130
Red43 (16.9%)
Green66 (25.9%)
Blue130 (51%)
Hue224.14°
Saturation (HSL)50.29%
Lightness33.92%
Dominant channelBlue
Hex per channelR 2B · G 42 · B 82

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