Nerdulator> put something in

Recognised as Colour

#6977BC

  • #6977BC
  • Blue
  • Dark
  • Nearest: Cornflower blue

#6977BC is a blue with RGB values 105, 119, 188 and HSL 230°, 38%, 57%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#6977BC#6977BC
HEX#6977BC
RGBrgb(105, 119, 188)
RGB (0–1)0.4118, 0.4667, 0.7373
RGB percentages41.2%, 46.7%, 73.7%
HSLhsl(229.9, 38.2%, 57.5%)
HSV / HSBhsv(229.9, 44.1%, 73.7%)
CMYK44.1%, 36.7%, 0%, 26.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,911,932
CSS custom property--colour: #6977BC;

Brightness & contrast

Relative luminance0.19828WCAG 2.x, 0 is black and 1 is white
Perceived brightness125.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.97:1
Contrast with white4.23:1WCAG normal text: Fail
Contrast with black4.97:1WCAG normal text: AA
Greyscale equivalent#797979
Inverted#968843

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#5E7FBFno red cones; affects about 1% of men; ΔE 6.9 from the original
Deuteranopia#5778BAno green cones; the most common form, about 1% of men; ΔE 5.7 from the original
Tritanopia#4D8591no blue cones; rare, and affects men and women equally; ΔE 38.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.23:1WCAG large text: AA
Contrast with black, large text4.97:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 15.8Steel blue · ΔE 18.1Dark slateblue · ΔE 24.9Dodgerblue · ΔE 26.8Medium purple · ΔE 26.9Royal blue · ΔE 30.6
Nearest named CSS colourCornflower blue (#6495ED)ΔE 15.77, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#BCAE69
Analogous#69A1BC, #8469BC
Triadic#BC6977, #77BC69
Split complementary#BC8469, #A1BC69
Tetradic#BC69A1, #BCAE69, #69BC84

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F6F7FB
Lighter +30%#D3D7EB
Lighter +20%#B0B7DB
Lighter +10%#8C97CC
Darker −10%#4B5AA7
Darker −20%#3B4784
Darker −30%#2B3461
Darker −40%#1B213E
More saturated +25%#4E65D7
Less saturated −25%#8489A1

Channel breakdown

R105
G119
B188
Red105 (41.2%)
Green119 (46.7%)
Blue188 (73.7%)
Hue229.88°
Saturation (HSL)38.25%
Lightness57.45%
Dominant channelBlue
Hex per channelR 69 · G 77 · B BC

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