Recognised as Colour

#3E8ABF

#3E8ABF
Blue
Dark
Nearest: Steel blue

#3E8ABF is a blue with RGB values 62, 138, 191 and HSL 205°, 51%, 50%. It is a dark colour, so black text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#3E8ABF#3E8ABF

HEX#3E8ABF

RGBrgb(62, 138, 191)

RGB (0–1)0.2431, 0.5412, 0.749

RGB percentages24.3%, 54.1%, 74.9%

HSLhsl(204.7, 51%, 49.6%)

HSV / HSBhsv(204.7, 67.5%, 74.9%)

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

24-bit integer4,098,751

CSS custom property--colour: #3E8ABF;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.59:1

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

Contrast with black5.59:1WCAG normal text: AA

Greyscale equivalent#7E7E7E

Inverted#C17540

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#728BC1no red cones; affects about 1% of men; ΔE 12.4 from the original

Deuteranopia#607EBEno green cones; the most common form, about 1% of men; ΔE 14 from the original

Tritanopia#00979Cno blue cones; rare, and affects men and women equally; ΔE 33.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text5.59:1WCAG large text: AAA

Named colours

Steel blue · ΔE 4.2 Deep skyblue · ΔE 22.3 Cornflower blue · ΔE 22.7 Light slate grey · ΔE 23.8 Slate grey · ΔE 24.4 Light skyblue · ΔE 25.8

Nearest named CSS colourSteel blue (#4682B4)ΔE 4.18, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BF733E

Analogous#3EBFB3, #3E4ABF

Triadic#BF3E8A, #8ABF3E

Split complementary#BF3E4A, #BFB33E

Tetradic#B33EBF, #BF733E, #4ABF3E

Tints, shades & saturation

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

Lighter +40%#D7E7F2

Lighter +30%#B0D0E6

Lighter +20%#8AB9D9

Lighter +10%#63A1CD

Darker −10%#326E98

Darker −20%#255272

Darker −30%#19374B

Darker −40%#0C1B25

More saturated +25%#1E90DF

Less saturated −25%#5E849F

Channel breakdown

R62

G138

B191

Red62 (24.3%)

Green138 (54.1%)

Blue191 (74.9%)

Hue204.65°

Saturation (HSL)50.99%

Lightness49.61%

Dominant channelBlue

Hex per channelR 3E · G 8A · B BF

Keep nerding

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

#3E8ABF

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