Nerdulator> put something in

Recognised as Colour

#677DEF

  • #677DEF
  • Blue
  • Dark
  • Nearest: Royal blue

#677DEF is a blue with RGB values 103, 125, 239 and HSL 230°, 81%, 67%. It is a dark colour, so black text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#677DEF#677DEF
HEX#677DEF
RGBrgb(103, 125, 239)
RGB (0–1)0.4039, 0.4902, 0.9373
RGB percentages40.4%, 49%, 93.7%
HSLhsl(230.3, 81%, 67.1%)
HSV / HSBhsv(230.3, 56.9%, 93.7%)
CMYK56.9%, 47.7%, 0%, 6.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,782,447
CSS custom property--colour: #677DEF;

Brightness & contrast

Relative luminance0.23783WCAG 2.x, 0 is black and 1 is white
Perceived brightness137.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.76:1
Contrast with white3.65:1WCAG normal text: Fail
Contrast with black5.76:1WCAG normal text: AA
Greyscale equivalent#818181
Inverted#988210

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#458CF3no red cones; affects about 1% of men; ΔE 13.7 from the original
Deuteranopia#3080EDno green cones; the most common form, about 1% of men; ΔE 10.8 from the original
Tritanopia#0197ABno blue cones; rare, and affects men and women equally; ΔE 64.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text3.65:1WCAG large text: AA
Contrast with black, large text5.76:1WCAG large text: AAA

Named colours

Royal blue · ΔE 9.7Slate blue · ΔE 15.5Medium purple · ΔE 15.5Dodgerblue · ΔE 15.7Medium slateblue · ΔE 17.4Cornflower blue · ΔE 19.9
Nearest named CSS colourRoyal blue (#4169E1)ΔE 9.68, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#EFD967
Analogous#67C1EF, #9567EF
Triadic#EF677D, #7DEF67
Split complementary#EF9567, #C1EF67
Tetradic#EF67C1, #EFD967, #67EF95

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#F1F3FE
Lighter +20%#C3CCF9
Lighter +10%#95A4F4
Darker −10%#3956EA
Darker −20%#1736D9
Darker −30%#122BAB
Darker −40%#0D1F7D
More saturated +25%#5772FF
Less saturated −25%#7C8BDA

Channel breakdown

R103
G125
B239
Red103 (40.4%)
Green125 (49%)
Blue239 (93.7%)
Hue230.29°
Saturation (HSL)80.95%
Lightness67.06%
Dominant channelBlue
Hex per channelR 67 · G 7D · B EF

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