Recognised as Colour

#3694CC

#3694CC
Blue
Dark
Nearest: Steel blue

#3694CC is a blue with RGB values 54, 148, 204 and HSL 202°, 60%, 51%. It is a dark colour, so black text on it reaches 6.3:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#3694CC#3694CC

HEX#3694CC

RGBrgb(54, 148, 204)

RGB (0–1)0.2118, 0.5804, 0.8

RGB percentages21.2%, 58%, 80%

HSLhsl(202.4, 59.5%, 50.6%)

HSV / HSBhsv(202.4, 73.5%, 80%)

CMYK73.5%, 27.5%, 0%, 20%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,577,036

CSS custom property--colour: #3694CC;

Brightness & contrast

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

Perceived brightness135.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.26:1

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

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

Greyscale equivalent#848484

Inverted#C96B33

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7A94CFno red cones; affects about 1% of men; ΔE 15.5 from the original

Deuteranopia#6586CBno green cones; the most common form, about 1% of men; ΔE 16.8 from the original

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

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

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

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

Named colours

Steel blue · ΔE 8.8 Deep skyblue · ΔE 17.7 Cornflower blue · ΔE 22.4 Light skyblue · ΔE 23 Light slate grey · ΔE 26.5 Sky blue · ΔE 26.6

Nearest named CSS colourSteel blue (#4682B4)ΔE 8.79, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#CC6E36

Analogous#36CCB9, #3649CC

Triadic#CC3694, #94CC36

Split complementary#CC3649, #CCB936

Tetradic#B936CC, #CC6E36, #49CC36

Tints, shades & saturation

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

Lighter +40%#D9EBF5

Lighter +30%#B0D5EB

Lighter +20%#87BFE1

Lighter +10%#5FAAD6

Darker −10%#2A77A5

Darker −20%#205A7C

Darker −30%#153C54

Darker −40%#0B1F2B

More saturated +25%#169CEC

Less saturated −25%#568CAD

Channel breakdown

R54

G148

B204

Red54 (21.2%)

Green148 (58%)

Blue204 (80%)

Hue202.4°

Saturation (HSL)59.52%

Lightness50.59%

Dominant channelBlue

Hex per channelR 36 · G 94 · B CC

Keep nerding

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

#3694CC

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