Colour

#003DCE

#003DCE
Blue
Dark
Nearest: Dark blue

#003DCE is a blue with RGB values 0, 61, 206 and HSL 222°, 100%, 40%. It is a dark colour, so white text on it reaches 8.2:1 contrast (AAA for normal text). The nearest named colour is Dark blue.

Colour values

#003DCE#003DCE

HEX#003DCE

RGBrgb(0, 61, 206)

RGB (0–1)0, 0.2392, 0.8078

RGB percentages0%, 23.9%, 80.8%

HSLhsl(222.2, 100%, 40.4%)

HSV / HSBhsv(222.2, 100%, 80.8%)

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

24-bit integer15,822

CSS custom property--colour: #003DCE;

Brightness & contrast

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

Perceived brightness83.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.21:1

Contrast with white8.21:1WCAG normal text: AAA

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

Greyscale equivalent#3B3B3B

Inverted#FFC231

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0058D2no red cones; affects about 1% of men; ΔE 19.8 from the original

Deuteranopia#0046CBno green cones; the most common form, about 1% of men; ΔE 8.5 from the original

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

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

Contrast with white, large text8.21:1WCAG large text: AAA

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

Named colours

Dark blue · ΔE 22.3 Medium slateblue · ΔE 22.4 Slate blue · ΔE 24.2 Navy · ΔE 24.9 Royal blue · ΔE 25.2 Blue violet · ΔE 28.6

Nearest named CSS colourDark blue (#00008B)ΔE 22.26, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#CE9100

Analogous#00A4CE, #2A00CE

Triadic#CE003D, #3DCE00

Split complementary#CE2A00, #A4CE00

Tetradic#CE00A4, #CE9100, #00CE2A

Tints, shades & saturation

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

Lighter +40%#9BB9FF

Lighter +30%#6895FF

Lighter +20%#3571FF

Lighter +10%#024DFF

Darker −10%#002E9B

Darker −20%#001F68

Darker −30%#001035

Darker −40%#000102

More saturated +25%#003DCE

Less saturated −25%#1A47B4

Channel breakdown

G61

B206

Red0 (0%)

Green61 (23.9%)

Blue206 (80.8%)

Hue222.23°

Saturation (HSL)100%

Lightness40.39%

Dominant channelBlue

Hex per channelR 00 · G 3D · B CE

Keep nerding

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

#003DCE

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