Colour

#3F67AC

#3F67AC
Blue
Dark
Nearest: Steel blue

#3F67AC is a blue with RGB values 63, 103, 172 and HSL 218°, 46%, 46%. It is a dark colour, so white text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#3F67AC#3F67AC

HEX#3F67AC

RGBrgb(63, 103, 172)

RGB (0–1)0.2471, 0.4039, 0.6745

RGB percentages24.7%, 40.4%, 67.5%

HSLhsl(218, 46.4%, 46.1%)

HSV / HSBhsv(218, 63.4%, 67.5%)

CMYK63.4%, 40.1%, 0%, 32.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,155,308

CSS custom property--colour: #3F67AC;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.6:1

Contrast with white5.6:1WCAG normal text: AA

Contrast with black3.75:1WCAG normal text: Fail

Greyscale equivalent#636363

Inverted#C09853

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#496DAFno red cones; affects about 1% of men; ΔE 3.2 from the original

Deuteranopia#3963ABno green cones; the most common form, about 1% of men; ΔE 2.6 from the original

Tritanopia#007781no blue cones; rare, and affects men and women equally; ΔE 42.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.6:1WCAG large text: AAA

Contrast with black, large text3.75:1WCAG large text: AA

Named colours

Steel blue · ΔE 17.5 Cornflower blue · ΔE 19.9 Dark slateblue · ΔE 22.1 Dodgerblue · ΔE 27.2 Royal blue · ΔE 30.4 Medium purple · ΔE 31.9

Nearest named CSS colourSteel blue (#4682B4)ΔE 17.48, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#AC843F

Analogous#3F9DAC, #4E3FAC

Triadic#AC3F67, #67AC3F

Split complementary#AC4E3F, #9DAC3F

Tetradic#AC3F9D, #AC843F, #3FAC4E

Tints, shades & saturation

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

Lighter +40%#CBD7EC

Lighter +30%#A6BADE

Lighter +20%#809ED1

Lighter +10%#5B81C3

Darker −10%#315187

Darker −20%#243A61

Darker −30%#16243C

Darker −40%#080E17

More saturated +25%#225FC9

Less saturated −25%#5C6F8F

Channel breakdown

R63

G103

B172

Red63 (24.7%)

Green103 (40.4%)

Blue172 (67.5%)

Hue217.98°

Saturation (HSL)46.38%

Lightness46.08%

Dominant channelBlue

Hex per channelR 3F · G 67 · B AC

Keep nerding

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

#3F67AC

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