Colour

#2700A8

#2700A8
Blue
Dark
Nearest: Dark blue

#2700A8 is a blue with RGB values 39, 0, 168 and HSL 254°, 100%, 33%. It is a dark colour, so white text on it reaches 12.7:1 contrast (AAA for normal text). The nearest named colour is Dark blue.

Colour values

#2700A8#2700A8

HEX#2700A8

RGBrgb(39, 0, 168)

RGB (0–1)0.1529, 0, 0.6588

RGB percentages15.3%, 0%, 65.9%

HSLhsl(253.9, 100%, 32.9%)

HSV / HSBhsv(253.9, 100%, 65.9%)

CMYK76.8%, 100%, 0%, 34.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,556,072

CSS custom property--colour: #2700A8;

Brightness & contrast

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

Perceived brightness60.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 12.71:1

Contrast with white12.71:1WCAG normal text: AAA

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

Greyscale equivalent#141414

Inverted#D8FF57

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0039ACno red cones; affects about 1% of men; ΔE 29.5 from the original

Deuteranopia#002BA6no green cones; the most common form, about 1% of men; ΔE 21.4 from the original

Tritanopia#004361no blue cones; rare, and affects men and women equally; ΔE 84.1 from the original

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

Contrast with white, large text12.71:1WCAG large text: AAA

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

Named colours

Dark blue · ΔE 12.6 Navy · ΔE 17.7 Medium blue · ΔE 18.2 Indigo · ΔE 23.7 Blue violet · ΔE 24 Dark violet · ΔE 26.3

Nearest named CSS colourDark blue (#00008B)ΔE 12.61, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#81A800

Analogous#002DA8, #7B00A8

Triadic#A82700, #00A827

Split complementary#A87B00, #2DA800

Tetradic#A8002D, #81A800, #00A87B

Tints, shades & saturation

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

Lighter +40%#9575FF

Lighter +30%#6E42FF

Lighter +20%#470FFF

Lighter +10%#3300DB

Darker −10%#1B0075

Darker −20%#0F0042

Darker −30%#03000F

Darker −40%#000000

More saturated +25%#2700A8

Less saturated −25%#321593

Channel breakdown

R39

B168

Red39 (15.3%)

Green0 (0%)

Blue168 (65.9%)

Hue253.93°

Saturation (HSL)100%

Lightness32.94%

Dominant channelBlue

Hex per channelR 27 · G 00 · B A8

Keep nerding

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

#2700A8

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