Nerdulator> put something in

Recognised as Colour

#087BF7

  • #087BF7
  • Blue
  • Dark
  • Nearest: Royal blue

#087BF7 is a blue with RGB values 8, 123, 247 and HSL 211°, 94%, 50%. It is a dark colour, so black text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#087BF7#087BF7
HEX#087BF7
RGBrgb(8, 123, 247)
RGB (0–1)0.0314, 0.4824, 0.9686
RGB percentages3.1%, 48.2%, 96.9%
HSLhsl(211.1, 93.7%, 50%)
HSV / HSBhsv(211.1, 96.8%, 96.9%)
CMYK96.8%, 50.2%, 0%, 3.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer556,023
CSS custom property--colour: #087BF7;

Brightness & contrast

Relative luminance0.20933WCAG 2.x, 0 is black and 1 is white
Perceived brightness125.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.19:1
Contrast with white4.05:1WCAG normal text: Fail
Contrast with black5.19:1WCAG normal text: AA
Greyscale equivalent#6C6C6C
Inverted#F78408

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2589FBno red cones; affects about 1% of men; ΔE 8.9 from the original
Deuteranopia#0075F5no green cones; the most common form, about 1% of men; ΔE 3.8 from the original
Tritanopia#009AADno blue cones; rare, and affects men and women equally; ΔE 68 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.05:1WCAG large text: AA
Contrast with black, large text5.19:1WCAG large text: AAA

Named colours

Royal blue · ΔE 9.8Dodgerblue · ΔE 12.7Slate blue · ΔE 22Medium slateblue · ΔE 22.4Cornflower blue · ΔE 24.1Medium purple · ΔE 26.4
Nearest named CSS colourRoyal blue (#4169E1)ΔE 9.78, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F78408
Analogous#08F3F7, #0C08F7
Triadic#F7087B, #7BF708
Split complementary#F70C08, #F3F708
Tetradic#F708F3, #F78408, #08F70C

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#CEE5FD
Lighter +30%#9CCAFC
Lighter +20%#6BB0FA
Lighter +10%#3995F9
Darker −10%#0662C6
Darker −20%#054A94
Darker −30%#033163
Darker −40%#021931
More saturated +25%#007BFF
Less saturated −25%#287CD7

Channel breakdown

R8
G123
B247
Red8 (3.1%)
Green123 (48.2%)
Blue247 (96.9%)
Hue211.13°
Saturation (HSL)93.73%
Lightness50%
Dominant channelBlue
Hex per channelR 08 · G 7B · B F7

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