Nerdulator> put something in

Colour

#0335C4

  • #0335C4
  • Blue
  • Dark
  • Nearest: Dark blue

#0335C4 is a blue with RGB values 3, 53, 196 and HSL 224°, 97%, 39%. It is a dark colour, so white text on it reaches 9.1:1 contrast (AAA for normal text). The nearest named colour is Dark blue.

Colour values

#0335C4#0335C4
HEX#0335C4
RGBrgb(3, 53, 196)
RGB (0–1)0.0118, 0.2078, 0.7686
RGB percentages1.2%, 20.8%, 76.9%
HSLhsl(224.5, 97%, 39%)
HSV / HSBhsv(224.5, 98.5%, 76.9%)
CMYK98.5%, 73%, 0%, 23.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer210,372
CSS custom property--colour: #0335C4;

Brightness & contrast

Relative luminance0.06551WCAG 2.x, 0 is black and 1 is white
Perceived brightness77.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 9.09:1
Contrast with white9.09:1WCAG normal text: AAA
Contrast with black2.31:1WCAG normal text: Fail
Greyscale equivalent#353535
Inverted#FCCA3B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0051C8no red cones; affects about 1% of men; ΔE 20.4 from the original
Deuteranopia#003FC1no green cones; the most common form, about 1% of men; ΔE 9.2 from the original
Tritanopia#005F79no blue cones; rare, and affects men and women equally; ΔE 80.3 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text9.09:1WCAG large text: AAA
Contrast with black, large text2.31:1WCAG large text: Fail

Named colours

Dark blue · ΔE 18.9Navy · ΔE 21.7Medium slateblue · ΔE 24.3Slate blue · ΔE 25.1Indigo · ΔE 26.6Royal blue · ΔE 27.2
Nearest named CSS colourDark blue (#00008B)ΔE 18.94, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#C49203
Analogous#0395C4, #3203C4
Triadic#C40335, #35C403
Split complementary#C43203, #95C403
Tetradic#C40395, #C49203, #03C432

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#96B0FD
Lighter +30%#638BFD
Lighter +20%#3166FC
Lighter +10%#0443F6
Darker −10%#022792
Darker −20%#011A60
Darker −30%#010C2D
Darker −40%#000000
More saturated +25%#0034C7
Less saturated −25%#1C41AB

Channel breakdown

R3
G53
B196
Red3 (1.2%)
Green53 (20.8%)
Blue196 (76.9%)
Hue224.46°
Saturation (HSL)96.98%
Lightness39.02%
Dominant channelBlue
Hex per channelR 03 · G 35 · B C4

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 “0335c4” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.