Colour

#127ED4

#127ED4
Blue
Dark
Nearest: Cornflower blue

#127ED4 is a blue with RGB values 18, 126, 212 and HSL 207°, 84%, 45%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#127ED4#127ED4

HEX#127ED4

RGBrgb(18, 126, 212)

RGB (0–1)0.0706, 0.4941, 0.8314

RGB percentages7.1%, 49.4%, 83.1%

HSLhsl(206.6, 84.3%, 45.1%)

HSV / HSBhsv(206.6, 91.5%, 83.1%)

CMYK91.5%, 40.6%, 0%, 16.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,212,116

CSS custom property--colour: #127ED4;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.96:1

Contrast with white4.23:1WCAG normal text: Fail

Contrast with black4.96:1WCAG normal text: AA

Greyscale equivalent#6D6D6D

Inverted#ED812B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5384D7no red cones; affects about 1% of men; ΔE 7.6 from the original

Deuteranopia#3274D2no green cones; the most common form, about 1% of men; ΔE 8.8 from the original

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

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

Contrast with white, large text4.23:1WCAG large text: AA

Contrast with black, large text4.96:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 11.9 Dodgerblue · ΔE 15.1 Steel blue · ΔE 21.3 Royal blue · ΔE 26.3 Deep skyblue · ΔE 31.5 Dark slateblue · ΔE 31.9

Nearest named CSS colourCornflower blue (#6495ED)ΔE 11.93, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D46812

Analogous#12D4C9, #121DD4

Triadic#D4127E, #7ED412

Split complementary#D4121D, #D4C912

Tetradic#C912D4, #D46812, #1DD412

Tints, shades & saturation

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

Lighter +40%#B9DDF9

Lighter +30%#8AC6F5

Lighter +20%#5BAFF1

Lighter +10%#2C97ED

Darker −10%#0E62A5

Darker −20%#0A4676

Darker −30%#062A47

Darker −40%#020E18

More saturated +25%#0080E6

Less saturated −25%#2F7BB7

Channel breakdown

R18

G126

B212

Red18 (7.1%)

Green126 (49.4%)

Blue212 (83.1%)

Hue206.6°

Saturation (HSL)84.35%

Lightness45.1%

Dominant channelBlue

Hex per channelR 12 · G 7E · B D4

Keep nerding

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

#127ED4

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