Nerdulator> put something in

Recognised as Colour

#384FA0

  • #384FA0
  • Blue
  • Dark
  • Nearest: Dark slateblue

#384FA0 is a blue with RGB values 56, 79, 160 and HSL 227°, 48%, 42%. It is a dark colour, so white text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#384FA0#384FA0
HEX#384FA0
RGBrgb(56, 79, 160)
RGB (0–1)0.2196, 0.3098, 0.6275
RGB percentages22%, 31%, 62.7%
HSLhsl(226.7, 48.1%, 42.4%)
HSV / HSBhsv(226.7, 65%, 62.7%)
CMYK65%, 50.6%, 0%, 37.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,690,400
CSS custom property--colour: #384FA0;

Brightness & contrast

Relative luminance0.08971WCAG 2.x, 0 is black and 1 is white
Perceived brightness86.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.52:1
Contrast with white7.52:1WCAG normal text: AAA
Contrast with black2.79:1WCAG normal text: Fail
Greyscale equivalent#505050
Inverted#C7B05F

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2259A3no red cones; affects about 1% of men; ΔE 9.1 from the original
Deuteranopia#06509Eno green cones; the most common form, about 1% of men; ΔE 7.1 from the original
Tritanopia#006270no blue cones; rare, and affects men and women equally; ΔE 48.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.52:1WCAG large text: AAA
Contrast with black, large text2.79:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 10.5Slate blue · ΔE 23.1Royal blue · ΔE 23.5Midnight blue · ΔE 24.4Rebecca purple · ΔE 24.9Medium purple · ΔE 26.9
Nearest named CSS colourDark slateblue (#483D8B)ΔE 10.49, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A08938
Analogous#3883A0, #5538A0
Triadic#A0384F, #4FA038
Split complementary#A05538, #83A038
Tetradic#A03883, #A08938, #38A055

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#BCC6E8
Lighter +30%#97A6DA
Lighter +20%#7185CD
Lighter +10%#4B65C0
Darker −10%#2B3C7A
Darker −20%#1E2A54
Darker −30%#10172F
Darker −40%#030409
More saturated +25%#1D40BB
Less saturated −25%#535E85

Channel breakdown

R56
G79
B160
Red56 (22%)
Green79 (31%)
Blue160 (62.7%)
Hue226.73°
Saturation (HSL)48.15%
Lightness42.35%
Dominant channelBlue
Hex per channelR 38 · G 4F · B A0

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