Nerdulator> put something in

Colour

#3F7CD8

  • #3F7CD8
  • Blue
  • Dark
  • Nearest: Cornflower blue

#3F7CD8 is a blue with RGB values 63, 124, 216 and HSL 216°, 66%, 55%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#3F7CD8#3F7CD8
HEX#3F7CD8
RGBrgb(63, 124, 216)
RGB (0–1)0.2471, 0.4863, 0.8471
RGB percentages24.7%, 48.6%, 84.7%
HSLhsl(216.1, 66.2%, 54.7%)
HSV / HSBhsv(216.1, 70.8%, 84.7%)
CMYK70.8%, 42.6%, 0%, 15.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,160,728
CSS custom property--colour: #3F7CD8;

Brightness & contrast

Relative luminance0.2043WCAG 2.x, 0 is black and 1 is white
Perceived brightness124.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.09:1
Contrast with white4.13:1WCAG normal text: Fail
Contrast with black5.09:1WCAG normal text: AA
Greyscale equivalent#767676
Inverted#C08327

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4F84DCno red cones; affects about 1% of men; ΔE 4.2 from the original
Deuteranopia#3576D6no green cones; the most common form, about 1% of men; ΔE 3.6 from the original
Tritanopia#00919Fno blue cones; rare, and affects men and women equally; ΔE 52.5 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.13:1WCAG large text: AA
Contrast with black, large text5.09:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 10.4Dodgerblue · ΔE 12.6Royal blue · ΔE 20.2Steel blue · ΔE 25.6Medium purple · ΔE 26.2Slate blue · ΔE 26.6
Nearest named CSS colourCornflower blue (#6495ED)ΔE 10.4, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#D89B3F
Analogous#3FC8D8, #4F3FD8
Triadic#D83F7C, #7CD83F
Split complementary#D84F3F, #C8D83F
Tetradic#D83FC8, #D89B3F, #3FD84F

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E9F0FA
Lighter +30%#BED3F2
Lighter +20%#94B6E9
Lighter +10%#6999E1
Darker −10%#2663BE
Darker −20%#1E4D93
Darker −30%#153769
Darker −40%#0D203E
More saturated +25%#2276F5
Less saturated −25%#5C82BB

Channel breakdown

R63
G124
B216
Red63 (24.7%)
Green124 (48.6%)
Blue216 (84.7%)
Hue216.08°
Saturation (HSL)66.23%
Lightness54.71%
Dominant channelBlue
Hex per channelR 3F · G 7C · B D8

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