Nerdulator> put something in

Recognised as Colour

#334DBC

  • #334DBC
  • Blue
  • Dark
  • Nearest: Slate blue

#334DBC is a blue with RGB values 51, 77, 188 and HSL 229°, 57%, 47%. It is a dark colour, so white text on it reaches 7.2:1 contrast (AAA for normal text). The nearest named colour is Slate blue.

Colour values

#334DBC#334DBC
HEX#334DBC
RGBrgb(51, 77, 188)
RGB (0–1)0.2, 0.302, 0.7373
RGB percentages20%, 30.2%, 73.7%
HSLhsl(228.6, 57.3%, 46.9%)
HSV / HSBhsv(228.6, 72.9%, 73.7%)
CMYK72.9%, 59%, 0%, 26.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,362,236
CSS custom property--colour: #334DBC;

Brightness & contrast

Relative luminance0.09642WCAG 2.x, 0 is black and 1 is white
Perceived brightness91 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.17:1
Contrast with white7.17:1WCAG normal text: AAA
Contrast with black2.93:1WCAG normal text: Fail
Greyscale equivalent#4F4F4F
Inverted#CCB243

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#005EC0no red cones; affects about 1% of men; ΔE 14.3 from the original
Deuteranopia#0051BAno green cones; the most common form, about 1% of men; ΔE 7.1 from the original
Tritanopia#00697Dno blue cones; rare, and affects men and women equally; ΔE 63.7 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.17:1WCAG large text: AAA
Contrast with black, large text2.93:1WCAG large text: Fail

Named colours

Slate blue · ΔE 11.3Royal blue · ΔE 11.7Medium slateblue · ΔE 19.7Rebecca purple · ΔE 20.3Dark slateblue · ΔE 20.4Medium purple · ΔE 22.4
Nearest named CSS colourSlate blue (#6A5ACD)ΔE 11.35, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#BCA233
Analogous#3392BC, #5D33BC
Triadic#BC334D, #4DBC33
Split complementary#BC5D33, #92BC33
Tetradic#BC3392, #BCA233, #33BC5D

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#CAD2F1
Lighter +30%#A2AFE6
Lighter +20%#7A8CDB
Lighter +10%#526AD0
Darker −10%#283D94
Darker −20%#1D2C6C
Darker −30%#121C44
Darker −40%#070B1C
More saturated +25%#153ADA
Less saturated −25%#51609E

Channel breakdown

R51
G77
B188
Red51 (20%)
Green77 (30.2%)
Blue188 (73.7%)
Hue228.61°
Saturation (HSL)57.32%
Lightness46.86%
Dominant channelBlue
Hex per channelR 33 · G 4D · B BC

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