Colour

#386EC0

#386EC0
Blue
Dark
Nearest: Cornflower blue

#386EC0 is a blue with RGB values 56, 110, 192 and HSL 216°, 55%, 49%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#386EC0#386EC0

HEX#386EC0

RGBrgb(56, 110, 192)

RGB (0–1)0.2196, 0.4314, 0.7529

RGB percentages22%, 43.1%, 75.3%

HSLhsl(216.2, 54.8%, 48.6%)

HSV / HSBhsv(216.2, 70.8%, 75.3%)

CMYK70.8%, 42.7%, 0%, 24.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,698,368

CSS custom property--colour: #386EC0;

Brightness & contrast

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

Perceived brightness110.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.05:1

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

Contrast with black4.16:1WCAG normal text: Fail

Greyscale equivalent#686868

Inverted#C7913F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4775C3no red cones; affects about 1% of men; ΔE 4 from the original

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

Tritanopia#00818Dno blue cones; rare, and affects men and women equally; ΔE 48.3 from the original

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

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

Contrast with black, large text4.16:1WCAG large text: AA

Named colours

Cornflower blue · ΔE 15.3 Dodgerblue · ΔE 19.7 Steel blue · ΔE 22 Dark slateblue · ΔE 23.5 Royal blue · ΔE 23.7 Slate blue · ΔE 27.9

Nearest named CSS colourCornflower blue (#6495ED)ΔE 15.27, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C08A38

Analogous#38B2C0, #4638C0

Triadic#C0386E, #6EC038

Split complementary#C04638, #B2C038

Tetradic#C038B2, #C08A38, #38C046

Tints, shades & saturation

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

Lighter +40%#D2DFF2

Lighter +30%#ABC2E6

Lighter +20%#83A6DB

Lighter +10%#5C8ACF

Darker −10%#2C5799

Darker −20%#214171

Darker −30%#152A4A

Darker −40%#0A1422

More saturated +25%#1968DF

Less saturated −25%#5774A1

Channel breakdown

R56

G110

B192

Red56 (22%)

Green110 (43.1%)

Blue192 (75.3%)

Hue216.18°

Saturation (HSL)54.84%

Lightness48.63%

Dominant channelBlue

Hex per channelR 38 · G 6E · B C0

Keep nerding

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

#386EC0

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