Recognised as Colour

#7B98EA

#7B98EA
Blue
Dark
Nearest: Cornflower blue

#7B98EA is a blue with RGB values 123, 152, 234 and HSL 224°, 73%, 70%. It is a dark colour, so black text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#7B98EA#7B98EA

HEX#7B98EA

RGBrgb(123, 152, 234)

RGB (0–1)0.4824, 0.5961, 0.9176

RGB percentages48.2%, 59.6%, 91.8%

HSLhsl(224.3, 72.5%, 70%)

HSV / HSBhsv(224.3, 47.4%, 91.8%)

CMYK47.4%, 35%, 0%, 8.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,100,074

CSS custom property--colour: #7B98EA;

Brightness & contrast

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

Perceived brightness156 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.52:1

Contrast with white2.79:1WCAG normal text: Fail

Contrast with black7.52:1WCAG normal text: AAA

Greyscale equivalent#989898

Inverted#846715

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#79A0EDno red cones; affects about 1% of men; ΔE 5 from the original

Deuteranopia#6E96E8no green cones; the most common form, about 1% of men; ΔE 3 from the original

Tritanopia#4FA9B6no blue cones; rare, and affects men and women equally; ΔE 45.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.79:1WCAG large text: Fail

Contrast with black, large text7.52:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 5.6 Dodgerblue · ΔE 19.4 Steel blue · ΔE 23 Medium purple · ΔE 27.2 Royal blue · ΔE 30 Deep skyblue · ΔE 30.6

Nearest named CSS colourCornflower blue (#6495ED)ΔE 5.62, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#EACD7B

Analogous#7BCFEA, #967BEA

Triadic#EA7B98, #98EA7B

Split complementary#EA957B, #D0EA7B

Tetradic#EA7BCF, #EACD7B, #7BEA95

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#D3DDF8

Lighter +10%#A7BAF1

Darker −10%#4F76E3

Darker −20%#2353DC

Darker −30%#1C43B0

Darker −40%#153284

More saturated +25%#688FFD

Less saturated −25%#8EA1D7

Channel breakdown

R123

G152

B234

Red123 (48.2%)

Green152 (59.6%)

Blue234 (91.8%)

Hue224.32°

Saturation (HSL)72.55%

Lightness70%

Dominant channelBlue

Hex per channelR 7B · G 98 · B EA

Keep nerding

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

#7B98EA

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