Colour

#638EEC

#638EEC
Blue
Dark
Nearest: Cornflower blue

#638EEC is a blue with RGB values 99, 142, 236 and HSL 221°, 78%, 66%. It is a dark colour, so black text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#638EEC#638EEC

HEX#638EEC

RGBrgb(99, 142, 236)

RGB (0–1)0.3882, 0.5569, 0.9255

RGB percentages38.8%, 55.7%, 92.5%

HSLhsl(221.2, 78.3%, 65.7%)

HSV / HSBhsv(221.2, 58.1%, 92.5%)

CMYK58.1%, 39.8%, 0%, 7.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,524,652

CSS custom property--colour: #638EEC;

Brightness & contrast

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

Perceived brightness145.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.61:1

Contrast with white3.18:1WCAG normal text: Fail

Contrast with black6.61:1WCAG normal text: AA

Greyscale equivalent#8C8C8C

Inverted#9C7113

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6697F0no red cones; affects about 1% of men; ΔE 4.9 from the original

Deuteranopia#538BEAno green cones; the most common form, about 1% of men; ΔE 2.9 from the original

Tritanopia#00A3B2no blue cones; rare, and affects men and women equally; ΔE 54.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.18:1WCAG large text: AA

Contrast with black, large text6.61:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 4.9 Dodgerblue · ΔE 11.9 Royal blue · ΔE 22.4 Medium purple · ΔE 24.4 Steel blue · ΔE 27.1 Slate blue · ΔE 27.9

Nearest named CSS colourCornflower blue (#6495ED)ΔE 4.88, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#ECC163

Analogous#63D3EC, #7D63EC

Triadic#EC638E, #8EEC63

Split complementary#EC7C63, #D3EC63

Tetradic#EC63D3, #ECC163, #63EC7C

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#EBF1FD

Lighter +20%#BED0F7

Lighter +10%#90AFF2

Darker −10%#366DE6

Darker −20%#1953D0

Darker −30%#1440A2

Darker −40%#0E2E75

More saturated +25%#5087FF

Less saturated −25%#7996D6

Channel breakdown

R99

G142

B236

Red99 (38.8%)

Green142 (55.7%)

Blue236 (92.5%)

Hue221.17°

Saturation (HSL)78.29%

Lightness65.69%

Dominant channelBlue

Hex per channelR 63 · G 8E · B EC

Keep nerding

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

#638EEC

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