Nerdulator> put something in

Colour

#303D78

  • #303D78
  • Blue
  • Dark
  • Nearest: Dark slateblue

#303D78 is a blue with RGB values 48, 61, 120 and HSL 229°, 43%, 33%. It is a dark colour, so white text on it reaches 10.2:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#303D78#303D78
HEX#303D78
RGBrgb(48, 61, 120)
RGB (0–1)0.1882, 0.2392, 0.4706
RGB percentages18.8%, 23.9%, 47.1%
HSLhsl(229.2, 42.9%, 32.9%)
HSV / HSBhsv(229.2, 60%, 47.1%)
CMYK60%, 49.2%, 0%, 52.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,161,464
CSS custom property--colour: #303D78;

Brightness & contrast

Relative luminance0.05322WCAG 2.x, 0 is black and 1 is white
Perceived brightness67.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 10.17:1
Contrast with white10.17:1WCAG normal text: AAA
Contrast with black2.06:1WCAG normal text: Fail
Greyscale equivalent#3E3E3E
Inverted#CFC287

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#21457Ano red cones; affects about 1% of men; ΔE 7.9 from the original
Deuteranopia#163E77no green cones; the most common form, about 1% of men; ΔE 5.8 from the original
Tritanopia#004A54no blue cones; rare, and affects men and women equally; ΔE 38.3 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text10.17:1WCAG large text: AAA
Contrast with black, large text2.06:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 14.1Midnight blue · ΔE 25.5Steel blue · ΔE 30.9Rebecca purple · ΔE 31.6Slate blue · ΔE 36Cornflower blue · ΔE 37.3
Nearest named CSS colourDark slateblue (#483D8B)ΔE 14.08, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#786B30
Analogous#306178, #473078
Triadic#78303D, #3D7830
Split complementary#784730, #617830
Tetradic#783061, #786B30, #307847

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#9CA7D8
Lighter +30%#7887C9
Lighter +20%#5466BA
Lighter +10%#3F509C
Darker −10%#212A54
Darker −20%#13182F
Darker −30%#04050B
Darker −40%#000000
More saturated +25%#1B308D
Less saturated −25%#454A63

Channel breakdown

R48
G61
B120
Red48 (18.8%)
Green61 (23.9%)
Blue120 (47.1%)
Hue229.17°
Saturation (HSL)42.86%
Lightness32.94%
Dominant channelBlue
Hex per channelR 30 · G 3D · B 78

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “303d78” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.