Nerdulator> put something in

Colour

#387DDD

  • #387DDD
  • Blue
  • Dark
  • Nearest: Dodgerblue

#387DDD is a blue with RGB values 56, 125, 221 and HSL 215°, 71%, 54%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Dodgerblue.

Colour values

#387DDD#387DDD
HEX#387DDD
RGBrgb(56, 125, 221)
RGB (0–1)0.2196, 0.4902, 0.8667
RGB percentages22%, 49%, 86.7%
HSLhsl(214.9, 70.8%, 54.3%)
HSV / HSBhsv(214.9, 74.7%, 86.7%)
CMYK74.7%, 43.4%, 0%, 13.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,702,237
CSS custom property--colour: #387DDD;

Brightness & contrast

Relative luminance0.20728WCAG 2.x, 0 is black and 1 is white
Perceived brightness125.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.15:1
Contrast with white4.08:1WCAG normal text: Fail
Contrast with black5.15:1WCAG normal text: AA
Greyscale equivalent#757575
Inverted#C78222

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4D86E1no red cones; affects about 1% of men; ΔE 5 from the original
Deuteranopia#2D77DBno green cones; the most common form, about 1% of men; ΔE 3.6 from the original
Tritanopia#0094A2no blue cones; rare, and affects men and women equally; ΔE 54.7 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.08:1WCAG large text: AA
Contrast with black, large text5.15:1WCAG large text: AAA

Named colours

Dodgerblue · ΔE 10.6Cornflower blue · ΔE 11.2Royal blue · ΔE 18.8Slate blue · ΔE 26.1Medium purple · ΔE 26.3Steel blue · ΔE 27.6
Nearest named CSS colourDodgerblue (#1E90FF)ΔE 10.62, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#DD9838
Analogous#38CFDD, #4638DD
Triadic#DD387D, #7DDD38
Split complementary#DD4638, #CFDD38
Tetradic#DD38CF, #DD9838, #38DD46

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E6EFFB
Lighter +30%#BBD2F3
Lighter +20%#8FB6EC
Lighter +10%#6499E4
Darker −10%#2164C1
Darker −20%#1A4D95
Darker −30%#12376A
Darker −40%#0B203E
More saturated +25%#1B78FA
Less saturated −25%#5582C0

Channel breakdown

R56
G125
B221
Red56 (22%)
Green125 (49%)
Blue221 (86.7%)
Hue214.91°
Saturation (HSL)70.82%
Lightness54.31%
Dominant channelBlue
Hex per channelR 38 · G 7D · B DD

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