Nerdulator> put something in

Recognised as Colour

#2531DE

  • #2531DE
  • Blue
  • Dark
  • Nearest: Medium blue

#2531DE is a blue with RGB values 37, 49, 222 and HSL 236°, 74%, 51%. It is a dark colour, so white text on it reaches 8.2:1 contrast (AAA for normal text). The nearest named colour is Medium blue.

Colour values

#2531DE#2531DE
HEX#2531DE
RGBrgb(37, 49, 222)
RGB (0–1)0.1451, 0.1922, 0.8706
RGB percentages14.5%, 19.2%, 87.1%
HSLhsl(236.1, 73.7%, 50.8%)
HSV / HSBhsv(236.1, 83.3%, 87.1%)
CMYK83.3%, 77.9%, 0%, 12.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,437,598
CSS custom property--colour: #2531DE;

Brightness & contrast

Relative luminance0.07864WCAG 2.x, 0 is black and 1 is white
Perceived brightness86.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.16:1
Contrast with white8.16:1WCAG normal text: AAA
Contrast with black2.57:1WCAG normal text: Fail
Greyscale equivalent#3B3B3B
Inverted#DACE21

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0059E3no red cones; affects about 1% of men; ΔE 27.4 from the original
Deuteranopia#0046DBno green cones; the most common form, about 1% of men; ΔE 16.3 from the original
Tritanopia#006787no blue cones; rare, and affects men and women equally; ΔE 93.2 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text8.16:1WCAG large text: AAA
Contrast with black, large text2.57:1WCAG large text: Fail

Named colours

Medium blue · ΔE 14.8Blue violet · ΔE 20Dark violet · ΔE 26.6Dark blue · ΔE 26.8Dark orchid · ΔE 29.8Blue · ΔE 31.2
Nearest named CSS colourMedium blue (#0000CD)ΔE 14.75, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#DED225
Analogous#258DDE, #7625DE
Triadic#DE2531, #31DE25
Split complementary#DE7625, #8DDE25
Tetradic#DE258D, #DED225, #25DE76

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#D6D8F9
Lighter +30%#AAAFF2
Lighter +20%#7E85EB
Lighter +10%#515BE5
Darker −10%#1B25B5
Darker −20%#151C88
Darker −30%#0E135C
Darker −40%#070A30
More saturated +25%#0616FD
Less saturated −25%#444CBF

Channel breakdown

R37
G49
B222
Red37 (14.5%)
Green49 (19.2%)
Blue222 (87.1%)
Hue236.11°
Saturation (HSL)73.71%
Lightness50.78%
Dominant channelBlue
Hex per channelR 25 · G 31 · B DE

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