Nerdulator> put something in

Recognised as Colour

#697CF4

  • #697CF4
  • Blue
  • Dark
  • Nearest: Royal blue

#697CF4 is a blue with RGB values 105, 124, 244 and HSL 232°, 86%, 68%. 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

#697CF4#697CF4
HEX#697CF4
RGBrgb(105, 124, 244)
RGB (0–1)0.4118, 0.4863, 0.9569
RGB percentages41.2%, 48.6%, 95.7%
HSLhsl(231.8, 86.3%, 68.4%)
HSV / HSBhsv(231.8, 57%, 95.7%)
CMYK57%, 49.2%, 0%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,913,268
CSS custom property--colour: #697CF4;

Brightness & contrast

Relative luminance0.2395WCAG 2.x, 0 is black and 1 is white
Perceived brightness138.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.79:1
Contrast with white3.63:1WCAG normal text: Fail
Contrast with black5.79:1WCAG normal text: AA
Greyscale equivalent#818181
Inverted#96830B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#3E8DF8no red cones; affects about 1% of men; ΔE 16 from the original
Deuteranopia#2681F1no green cones; the most common form, about 1% of men; ΔE 13.2 from the original
Tritanopia#0197ACno blue cones; rare, and affects men and women equally; ΔE 67.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text3.63:1WCAG large text: AA
Contrast with black, large text5.79:1WCAG large text: AAA

Named colours

Royal blue · ΔE 8.7Medium slateblue · ΔE 14.4Slate blue · ΔE 14.5Medium purple · ΔE 15.6Dodgerblue · ΔE 17.9Cornflower blue · ΔE 23.2
Nearest named CSS colourRoyal blue (#4169E1)ΔE 8.73, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F4E169
Analogous#69C1F4, #9C69F4
Triadic#F4697C, #7CF469
Split complementary#F49B69, #C2F469
Tetradic#F469C1, #F4E169, #69F49B

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#F8F8FE
Lighter +20%#C8CFFB
Lighter +10%#99A5F7
Darker −10%#3953F1
Darker −20%#112EE6
Darker −30%#0D25B7
Darker −40%#0A1B87
More saturated +25%#5E74FF
Less saturated −25%#7D8BE0

Channel breakdown

R105
G124
B244
Red105 (41.2%)
Green124 (48.6%)
Blue244 (95.7%)
Hue231.8°
Saturation (HSL)86.34%
Lightness68.43%
Dominant channelBlue
Hex per channelR 69 · G 7C · B F4

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