Nerdulator> put something in

Recognised as Colour

#342AFF

  • #342AFF
  • Blue
  • Dark
  • Nearest: Blue

#342AFF is a blue with RGB values 52, 42, 255 and HSL 243°, 100%, 58%. It is a dark colour, so white text on it reaches 7.2:1 contrast (AAA for normal text). The nearest named colour is Blue.

Colour values

#342AFF#342AFF
HEX#342AFF
RGBrgb(52, 42, 255)
RGB (0–1)0.2039, 0.1647, 1
RGB percentages20.4%, 16.5%, 100%
HSLhsl(242.8, 100%, 58.2%)
HSV / HSBhsv(242.8, 83.5%, 100%)
CMYK79.6%, 83.5%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,418,879
CSS custom property--colour: #342AFF;

Brightness & contrast

Relative luminance0.09606WCAG 2.x, 0 is black and 1 is white
Perceived brightness96.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.19:1
Contrast with white7.19:1WCAG normal text: AAA
Contrast with black2.92:1WCAG normal text: Fail
Greyscale equivalent#3C3C3C
Inverted#CBD500

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0062FFno red cones; affects about 1% of men; ΔE 37.3 from the original
Deuteranopia#004CFCno green cones; the most common form, about 1% of men; ΔE 22 from the original
Tritanopia#007199no blue cones; rare, and affects men and women equally; ΔE 108.3 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.19:1WCAG large text: AAA
Contrast with black, large text2.92:1WCAG large text: Fail

Named colours

Blue · ΔE 13.3Medium blue · ΔE 14.9Blue violet · ΔE 25.5Dark violet · ΔE 30.2Dark orchid · ΔE 40.4Dark blue · ΔE 42.9
Nearest named CSS colourBlue (#0000FF)ΔE 13.27, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F5FF2A
Analogous#2A8BFF, #9E2AFF
Triadic#FF342A, #2AFF34
Split complementary#FF9E2A, #8BFF2A
Tetradic#FF2A8B, #F5FF2A, #2AFF9E

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F6F6FF
Lighter +30%#C6C3FF
Lighter +20%#9590FF
Lighter +10%#655DFF
Darker −10%#0C00F6
Darker −20%#0900C3
Darker −30%#070090
Darker −40%#04005D
More saturated +25%#342AFF
Less saturated −25%#4C45E4

Channel breakdown

R52
G42
B255
Red52 (20.4%)
Green42 (16.5%)
Blue255 (100%)
Hue242.82°
Saturation (HSL)100%
Lightness58.24%
Dominant channelBlue
Hex per channelR 34 · G 2A · B FF

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