Recognised as Colour

#368FFB

#368FFB
Blue
Dark
Nearest: Dodgerblue

#368FFB is a blue with RGB values 54, 143, 251 and HSL 213°, 96%, 60%. It is a dark colour, so black text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Dodgerblue.

Colour values

#368FFB#368FFB

HEX#368FFB

RGBrgb(54, 143, 251)

RGB (0–1)0.2118, 0.5608, 0.9843

RGB percentages21.2%, 56.1%, 98.4%

HSLhsl(212.9, 96.1%, 59.8%)

HSV / HSBhsv(212.9, 78.5%, 98.4%)

CMYK78.5%, 43%, 0%, 1.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,575,803

CSS custom property--colour: #368FFB;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.48:1

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

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

Greyscale equivalent#848484

Inverted#C97004

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5898FFno red cones; affects about 1% of men; ΔE 5.5 from the original

Deuteranopia#3087F9no green cones; the most common form, about 1% of men; ΔE 5.2 from the original

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

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

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

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

Named colours

Dodgerblue · ΔE 2.4 Cornflower blue · ΔE 12.3 Royal blue · ΔE 19.6 Medium purple · ΔE 28.5 Slate blue · ΔE 29 Medium slateblue · ΔE 31.3

Nearest named CSS colourDodgerblue (#1E90FF)ΔE 2.36, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FBA236

Analogous#36F2FB, #3F36FB

Triadic#FB368F, #8FFB36

Split complementary#FB3F36, #F2FB36

Tetradic#FB36F2, #FBA236, #36FB3F

Tints, shades & saturation

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

Lighter +40%#FEFEFF

Lighter +30%#CCE3FE

Lighter +20%#9AC7FD

Lighter +10%#68ABFC

Darker −10%#0573F9

Darker −20%#045CC7

Darker −30%#034595

Darker −40%#022E63

More saturated +25%#328FFF

Less saturated −25%#5091E1

Channel breakdown

R54

G143

B251

Red54 (21.2%)

Green143 (56.1%)

Blue251 (98.4%)

Hue212.89°

Saturation (HSL)96.1%

Lightness59.8%

Dominant channelBlue

Hex per channelR 36 · G 8F · B FB

Keep nerding

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

#368FFB

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