Nerdulator> put something in

Colour

#4387F0

  • #4387F0
  • Blue
  • Dark
  • Nearest: Dodgerblue

#4387F0 is a blue with RGB values 67, 135, 240 and HSL 216°, 85%, 60%. It is a dark colour, so black text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Dodgerblue.

Colour values

#4387F0#4387F0
HEX#4387F0
RGBrgb(67, 135, 240)
RGB (0–1)0.2627, 0.5294, 0.9412
RGB percentages26.3%, 52.9%, 94.1%
HSLhsl(216.4, 85.2%, 60.2%)
HSV / HSBhsv(216.4, 72.1%, 94.1%)
CMYK72.1%, 43.8%, 0%, 5.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,425,712
CSS custom property--colour: #4387F0;

Brightness & contrast

Relative luminance0.24813WCAG 2.x, 0 is black and 1 is white
Perceived brightness136.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.96:1
Contrast with white3.52:1WCAG normal text: Fail
Contrast with black5.96:1WCAG normal text: AA
Greyscale equivalent#808080
Inverted#BC780F

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#5291F4no red cones; affects about 1% of men; ΔE 5.5 from the original
Deuteranopia#3181EEno green cones; the most common form, about 1% of men; ΔE 3.6 from the original
Tritanopia#00A0B0no blue cones; rare, and affects men and women equally; ΔE 58.7 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.52:1WCAG large text: AA
Contrast with black, large text5.96:1WCAG large text: AAA

Named colours

Dodgerblue · ΔE 6Cornflower blue · ΔE 11.7Royal blue · ΔE 17Medium purple · ΔE 25.2Slate blue · ΔE 25.5Medium slateblue · ΔE 28.9
Nearest named CSS colourDodgerblue (#1E90FF)ΔE 6, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F0AC43
Analogous#43DEF0, #5543F0
Triadic#F04387, #87F043
Split complementary#F05543, #DEF043
Tetradic#F043DE, #F0AC43, #43F055

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#D1E1FB
Lighter +20%#A1C3F8
Lighter +10%#72A5F4
Darker −10%#1469EC
Darker −20%#0F54BE
Darker −30%#0B3F8F
Darker −40%#082A5F
More saturated +25%#3484FF
Less saturated −25%#5C8CD7

Channel breakdown

R67
G135
B240
Red67 (26.3%)
Green135 (52.9%)
Blue240 (94.1%)
Hue216.42°
Saturation (HSL)85.22%
Lightness60.2%
Dominant channelBlue
Hex per channelR 43 · G 87 · B F0

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