Colour

#273D78

#273D78
Blue
Dark
Nearest: Dark slateblue

#273D78 is a blue with RGB values 39, 61, 120 and HSL 224°, 51%, 31%. It is a dark colour, so white text on it reaches 10.4:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#273D78#273D78

HEX#273D78

RGBrgb(39, 61, 120)

RGB (0–1)0.1529, 0.2392, 0.4706

RGB percentages15.3%, 23.9%, 47.1%

HSLhsl(223.7, 50.9%, 31.2%)

HSV / HSBhsv(223.7, 67.5%, 47.1%)

CMYK67.5%, 49.2%, 0%, 52.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,571,640

CSS custom property--colour: #273D78;

Brightness & contrast

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

Perceived brightness65.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.37:1

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

Contrast with black2.02:1WCAG normal text: Fail

Greyscale equivalent#3D3D3D

Inverted#D8C287

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#1F447Ano red cones; affects about 1% of men; ΔE 6 from the original

Deuteranopia#0F3D77no green cones; the most common form, about 1% of men; ΔE 4.1 from the original

Tritanopia#004B54no blue cones; rare, and affects men and women equally; ΔE 38.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text2.02:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 15.4 Midnight blue · ΔE 26.1 Steel blue · ΔE 30.4 Rebecca purple · ΔE 33 Slate blue · ΔE 36.9 Cornflower blue · ΔE 37.3

Nearest named CSS colourDark slateblue (#483D8B)ΔE 15.45, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#786227

Analogous#276678, #392778

Triadic#78273D, #3D7827

Split complementary#783927, #667827

Tetradic#782766, #786227, #277839

Tints, shades & saturation

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

Lighter +40%#90A4DB

Lighter +30%#6A85CE

Lighter +20%#4366C2

Lighter +10%#34519E

Darker −10%#1A2952

Darker −20%#0E162B

Darker −30%#010205

Darker −40%#000000

More saturated +25%#13348C

Less saturated −25%#3B4664

Channel breakdown

R39

G61

B120

Red39 (15.3%)

Green61 (23.9%)

Blue120 (47.1%)

Hue223.7°

Saturation (HSL)50.94%

Lightness31.18%

Dominant channelBlue

Hex per channelR 27 · G 3D · B 78

Keep nerding

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

#273D78

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