Nerdulator> put something in

Colour

#4568F9

  • #4568F9
  • Blue
  • Dark
  • Nearest: Medium slateblue

#4568F9 is a blue with RGB values 69, 104, 249 and HSL 228°, 94%, 62%. It is a dark colour, so black text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Medium slateblue.

Colour values

#4568F9#4568F9
HEX#4568F9
RGBrgb(69, 104, 249)
RGB (0–1)0.2706, 0.4078, 0.9765
RGB percentages27.1%, 40.8%, 97.6%
HSLhsl(228.3, 93.7%, 62.4%)
HSV / HSBhsv(228.3, 72.3%, 97.6%)
CMYK72.3%, 58.2%, 0%, 2.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,548,857
CSS custom property--colour: #4568F9;

Brightness & contrast

Relative luminance0.18005WCAG 2.x, 0 is black and 1 is white
Perceived brightness121.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.6:1
Contrast with white4.56:1WCAG normal text: AA
Contrast with black4.6:1WCAG normal text: AA
Greyscale equivalent#6B6B6B
Inverted#BA9706

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#007EFEno red cones; affects about 1% of men; ΔE 17.5 from the original
Deuteranopia#006EF6no green cones; the most common form, about 1% of men; ΔE 9.3 from the original
Tritanopia#008CA7no blue cones; rare, and affects men and women equally; ΔE 78.2 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.56:1WCAG large text: AAA
Contrast with black, large text4.6:1WCAG large text: AAA

Named colours

Medium slateblue · ΔE 12.1Royal blue · ΔE 14.5Slate blue · ΔE 18.7Medium purple · ΔE 26.5Dodgerblue · ΔE 30.5Dark orchid · ΔE 33.9
Nearest named CSS colourMedium slateblue (#7B68EE)ΔE 12.1, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F9D645
Analogous#45C2F9, #7C45F9
Triadic#F94568, #68F945
Split complementary#F97C45, #C2F945
Tetradic#F945C2, #F9D645, #45F97C

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#D9E0FE
Lighter +20%#A8B8FC
Lighter +10%#7690FB
Darker −10%#1440F7
Darker −20%#072ED1
Darker −30%#0523A0
Darker −40%#04186E
More saturated +25%#3F64FF
Less saturated −25%#5D77E1

Channel breakdown

R69
G104
B249
Red69 (27.1%)
Green104 (40.8%)
Blue249 (97.6%)
Hue228.33°
Saturation (HSL)93.75%
Lightness62.35%
Dominant channelBlue
Hex per channelR 45 · G 68 · B F9

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