Recognised as Colour

#048DF2

#048DF2
Blue
Dark
Nearest: Dodgerblue

#048DF2 is a blue with RGB values 4, 141, 242 and HSL 205°, 97%, 48%. It is a dark colour, so black text on it reaches 6.1:1 contrast (AA for normal text). The nearest named colour is Dodgerblue.

Colour values

#048DF2#048DF2

HEX#048DF2

RGBrgb(4, 141, 242)

RGB (0–1)0.0157, 0.5529, 0.949

RGB percentages1.6%, 55.3%, 94.9%

HSLhsl(205.5, 96.7%, 48.2%)

HSV / HSBhsv(205.5, 98.3%, 94.9%)

CMYK98.3%, 41.7%, 0%, 5.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer298,482

CSS custom property--colour: #048DF2;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.1:1

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

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

Greyscale equivalent#777777

Inverted#FB720D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5894F6no red cones; affects about 1% of men; ΔE 7.6 from the original

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

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

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

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

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

Named colours

Dodgerblue · ΔE 6.1 Cornflower blue · ΔE 11.3 Royal blue · ΔE 23.4 Steel blue · ΔE 29.2 Medium purple · ΔE 32.3 Deep skyblue · ΔE 32.5

Nearest named CSS colourDodgerblue (#1E90FF)ΔE 6.13, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F26904

Analogous#04F2E0, #0416F2

Triadic#F2048D, #8DF204

Split complementary#F20416, #F2E004

Tetradic#E004F2, #F26904, #16F204

Tints, shades & saturation

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

Lighter +40%#C4E5FE

Lighter +30%#92D0FD

Lighter +20%#60BAFC

Lighter +10%#2DA4FC

Darker −10%#0370C0

Darker −20%#02538E

Darker −30%#02355B

Darker −40%#011829

More saturated +25%#008EF6

Less saturated −25%#2388D3

Channel breakdown

G141

B242

Red4 (1.6%)

Green141 (55.3%)

Blue242 (94.9%)

Hue205.46°

Saturation (HSL)96.75%

Lightness48.24%

Dominant channelBlue

Hex per channelR 04 · G 8D · B F2

Keep nerding

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

#048DF2

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