Nerdulator> put something in

Recognised as Colour

#683FE4

  • #683FE4
  • Blue
  • Dark
  • Nearest: Blue violet

#683FE4 is a blue with RGB values 104, 63, 228 and HSL 255°, 75%, 57%. It is a dark colour, so white text on it reaches 6.1:1 contrast (AA for normal text). The nearest named colour is Blue violet.

Colour values

#683FE4#683FE4
HEX#683FE4
RGBrgb(104, 63, 228)
RGB (0–1)0.4078, 0.2471, 0.8941
RGB percentages40.8%, 24.7%, 89.4%
HSLhsl(254.9, 75.3%, 57.1%)
HSV / HSBhsv(254.9, 72.4%, 89.4%)
CMYK54.4%, 72.4%, 0%, 10.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,832,100
CSS custom property--colour: #683FE4;

Brightness & contrast

Relative luminance0.121WCAG 2.x, 0 is black and 1 is white
Perceived brightness107.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.14:1
Contrast with white6.14:1WCAG normal text: AA
Contrast with black3.42:1WCAG normal text: Fail
Greyscale equivalent#545454
Inverted#97C01B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0066E9no red cones; affects about 1% of men; ΔE 31.3 from the original
Deuteranopia#005DE1no green cones; the most common form, about 1% of men; ΔE 28.2 from the original
Tritanopia#316C8Eno blue cones; rare, and affects men and women equally; ΔE 84.2 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.14:1WCAG large text: AAA
Contrast with black, large text3.42:1WCAG large text: AA

Named colours

Blue violet · ΔE 12.9Dark orchid · ΔE 19.1Dark violet · ΔE 20.4Medium slateblue · ΔE 22.9Medium blue · ΔE 23.8Dark blue · ΔE 28.8
Nearest named CSS colourBlue violet (#8A2BE2)ΔE 12.85, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#BBE43F
Analogous#3F69E4, #BA3FE4
Triadic#E4683F, #3FE468
Split complementary#E4BA3F, #69E43F
Tetradic#E43F69, #BBE43F, #3FE4BA

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F5F2FD
Lighter +30%#D1C5F7
Lighter +20%#AE98F1
Lighter +10%#8B6CEA
Darker −10%#4B1ED2
Darker −20%#3B17A6
Darker −30%#2B1179
Darker −40%#1B0B4C
More saturated +25%#5A24FF
Less saturated −25%#765AC9

Channel breakdown

R104
G63
B228
Red104 (40.8%)
Green63 (24.7%)
Blue228 (89.4%)
Hue254.91°
Saturation (HSL)75.34%
Lightness57.06%
Dominant channelBlue
Hex per channelR 68 · G 3F · B E4

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