Colour

#003FDB

#003FDB
Blue
Dark
Nearest: Medium slateblue

#003FDB is a blue with RGB values 0, 63, 219 and HSL 223°, 100%, 43%. It is a dark colour, so white text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Medium slateblue.

Colour values

#003FDB#003FDB

HEX#003FDB

RGBrgb(0, 63, 219)

RGB (0–1)0, 0.2471, 0.8588

RGB percentages0%, 24.7%, 85.9%

HSLhsl(222.7, 100%, 42.9%)

HSV / HSBhsv(222.7, 100%, 85.9%)

CMYK100%, 71.2%, 0%, 14.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,347

CSS custom property--colour: #003FDB;

Brightness & contrast

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

Perceived brightness88.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.68:1

Contrast with white7.68:1WCAG normal text: AAA

Contrast with black2.73:1WCAG normal text: Fail

Greyscale equivalent#3D3D3D

Inverted#FFC024

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#005DE0no red cones; affects about 1% of men; ΔE 21.3 from the original

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

Tritanopia#006C89no blue cones; rare, and affects men and women equally; ΔE 85.5 from the original

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

Contrast with white, large text7.68:1WCAG large text: AAA

Contrast with black, large text2.73:1WCAG large text: Fail

Named colours

Medium slateblue · ΔE 24.5 Dark blue · ΔE 25.1 Medium blue · ΔE 25.1 Blue violet · ΔE 25.7 Slate blue · ΔE 28.4 Navy · ΔE 28.5

Nearest named CSS colourMedium slateblue (#7B68EE)ΔE 24.45, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DB9C00

Analogous#00ACDB, #2F00DB

Triadic#DB003F, #3FDB00

Split complementary#DB2F00, #ACDB00

Tetradic#DB00AC, #DB9C00, #00DB2F

Tints, shades & saturation

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

Lighter +40%#A8C1FF

Lighter +30%#759DFF

Lighter +20%#4278FF

Lighter +10%#0F54FF

Darker −10%#0030A8

Darker −20%#002275

Darker −30%#001342

Darker −40%#00040F

More saturated +25%#003FDB

Less saturated −25%#1B4BC0

Channel breakdown

G63

B219

Red0 (0%)

Green63 (24.7%)

Blue219 (85.9%)

Hue222.74°

Saturation (HSL)100%

Lightness42.94%

Dominant channelBlue

Hex per channelR 00 · G 3F · B DB

Keep nerding

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

#003FDB

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