Nerdulator> put something in

Recognised as Colour

#2631F3

  • #2631F3
  • Blue
  • Dark
  • Nearest: Medium blue

#2631F3 is a blue with RGB values 38, 49, 243 and HSL 237°, 90%, 55%. It is a dark colour, so white text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Medium blue.

Colour values

#2631F3#2631F3
HEX#2631F3
RGBrgb(38, 49, 243)
RGB (0–1)0.149, 0.1922, 0.9529
RGB percentages14.9%, 19.2%, 95.3%
HSLhsl(236.8, 89.5%, 55.1%)
HSV / HSBhsv(236.8, 84.4%, 95.3%)
CMYK84.4%, 79.8%, 0%, 4.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,503,155
CSS custom property--colour: #2631F3;

Brightness & contrast

Relative luminance0.0908WCAG 2.x, 0 is black and 1 is white
Perceived brightness92.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.46:1
Contrast with white7.46:1WCAG normal text: AAA
Contrast with black2.82:1WCAG normal text: Fail
Greyscale equivalent#3D3D3D
Inverted#D9CE0C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#005FF8no red cones; affects about 1% of men; ΔE 30.3 from the original
Deuteranopia#004AF0no green cones; the most common form, about 1% of men; ΔE 17.9 from the original
Tritanopia#006F93no blue cones; rare, and affects men and women equally; ΔE 101.9 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.46:1WCAG large text: AAA
Contrast with black, large text2.82:1WCAG large text: Fail

Named colours

Medium blue · ΔE 12.4Blue · ΔE 21.4Blue violet · ΔE 22Dark violet · ΔE 28Dark orchid · ΔE 35.4Dark blue · ΔE 35.9
Nearest named CSS colourMedium blue (#0000CD)ΔE 12.41, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F3E826
Analogous#2698F3, #8226F3
Triadic#F32631, #31F326
Split complementary#F38126, #98F326
Tetradic#F32697, #F3E826, #26F381

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E7E9FE
Lighter +30%#B7BBFB
Lighter +20%#878DF8
Lighter +10%#565FF6
Darker −10%#0C17DA
Darker −20%#0912AA
Darker −30%#070D79
Darker −40%#040849
More saturated +25%#1A26FF
Less saturated −25%#434BD6

Channel breakdown

R38
G49
B243
Red38 (14.9%)
Green49 (19.2%)
Blue243 (95.3%)
Hue236.78°
Saturation (HSL)89.52%
Lightness55.1%
Dominant channelBlue
Hex per channelR 26 · G 31 · B F3

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