Colour

#123C85

#123C85
Blue
Dark
Nearest: Dark slateblue

#123C85 is a blue with RGB values 18, 60, 133 and HSL 218°, 76%, 30%. 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

#123C85#123C85

HEX#123C85

RGBrgb(18, 60, 133)

RGB (0–1)0.0706, 0.2353, 0.5216

RGB percentages7.1%, 23.5%, 52.2%

HSLhsl(218.1, 76.2%, 29.6%)

HSV / HSBhsv(218.1, 86.5%, 52.2%)

CMYK86.5%, 54.9%, 0%, 47.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,195,141

CSS custom property--colour: #123C85;

Brightness & contrast

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

Perceived brightness65 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.44:1

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

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

Greyscale equivalent#383838

Inverted#EDC37A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#014588no red cones; affects about 1% of men; ΔE 7.1 from the original

Deuteranopia#003B84no green cones; the most common form, about 1% of men; ΔE 1.3 from the original

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

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

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

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

Named colours

Dark slateblue · ΔE 11.8 Midnight blue · ΔE 20.3 Rebecca purple · ΔE 28.3 Slate blue · ΔE 30.6 Royal blue · ΔE 31.2 Steel blue · ΔE 34.5

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#855B12

Analogous#127685, #221285

Triadic#85123C, #3C8512

Split complementary#852112, #768512

Tetradic#851275, #855B12, #128521

Tints, shades & saturation

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

Lighter +40%#76A2ED

Lighter +30%#4A83E6

Lighter +20%#1E65DF

Lighter +10%#1850B2

Darker −10%#0C2858

Darker −20%#06132B

Darker −30%#000000

Darker −40%#000000

More saturated +25%#003797

Less saturated −25%#254172

Channel breakdown

R18

G60

B133

Red18 (7.1%)

Green60 (23.5%)

Blue133 (52.2%)

Hue218.09°

Saturation (HSL)76.16%

Lightness29.61%

Dominant channelBlue

Hex per channelR 12 · G 3C · B 85

Keep nerding

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

#123C85

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