Colour

#2716BC

#2716BC
Blue
Dark
Nearest: Medium blue

#2716BC is a blue with RGB values 39, 22, 188 and HSL 246°, 79%, 41%. It is a dark colour, so white text on it reaches 10.9:1 contrast (AAA for normal text). The nearest named colour is Medium blue.

Colour values

#2716BC#2716BC

HEX#2716BC

RGBrgb(39, 22, 188)

RGB (0–1)0.1529, 0.0863, 0.7373

RGB percentages15.3%, 8.6%, 73.7%

HSLhsl(246.1, 79%, 41.2%)

HSV / HSBhsv(246.1, 88.3%, 73.7%)

CMYK79.3%, 88.3%, 0%, 26.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,561,724

CSS custom property--colour: #2716BC;

Brightness & contrast

Relative luminance0.04636WCAG 2.x, 0 is black and 1 is white

Perceived brightness69.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.9:1

Contrast with white10.9:1WCAG normal text: AAA

Contrast with black1.93:1WCAG normal text: Fail

Greyscale equivalent#262626

Inverted#D8E943

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0044C0no red cones; affects about 1% of men; ΔE 28.6 from the original

Deuteranopia#0034B9no green cones; the most common form, about 1% of men; ΔE 19.4 from the original

Tritanopia#00506Fno blue cones; rare, and affects men and women equally; ΔE 87.7 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text10.9:1WCAG large text: AAA

Contrast with black, large text1.93:1WCAG large text: Fail

Named colours

Medium blue · ΔE 14.5 Dark blue · ΔE 17.6 Blue violet · ΔE 21.1 Navy · ΔE 22.7 Dark violet · ΔE 25.1 Dark orchid · ΔE 27.8

Nearest named CSS colourMedium blue (#0000CD)ΔE 14.51, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#ABBC16

Analogous#1658BC, #7A16BC

Triadic#BC2716, #16BC27

Split complementary#BC7A16, #58BC16

Tetradic#BC1658, #ABBC16, #16BC7A

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#B1A9F5

Lighter +30%#877BF0

Lighter +20%#5E4EEA

Lighter +10%#3420E5

Darker −10%#1E118E

Darker −20%#140B61

Darker −30%#0B0633

Darker −40%#010105

More saturated +25%#1600D2

Less saturated −25%#3C30A2

Channel breakdown

R39

G22

B188

Red39 (15.3%)

Green22 (8.6%)

Blue188 (73.7%)

Hue246.14°

Saturation (HSL)79.05%

Lightness41.18%

Dominant channelBlue

Hex per channelR 27 · G 16 · B BC

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#2716BC

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else