Nerdulator> put something in

Recognised as Colour

#2F3D69

  • #2F3D69
  • Blue
  • Dark
  • Nearest: Dark slateblue

#2F3D69 is a blue with RGB values 47, 61, 105 and HSL 226°, 38%, 30%. It is a dark colour, so white text on it reaches 10.5:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#2F3D69#2F3D69
HEX#2F3D69
RGBrgb(47, 61, 105)
RGB (0–1)0.1843, 0.2392, 0.4118
RGB percentages18.4%, 23.9%, 41.2%
HSLhsl(225.5, 38.2%, 29.8%)
HSV / HSBhsv(225.5, 55.2%, 41.2%)
CMYK55.2%, 41.9%, 0%, 58.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,095,913
CSS custom property--colour: #2F3D69;

Brightness & contrast

Relative luminance0.04962WCAG 2.x, 0 is black and 1 is white
Perceived brightness64 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 10.54:1
Contrast with white10.54:1WCAG normal text: AAA
Contrast with black1.99:1WCAG normal text: Fail
Greyscale equivalent#3D3D3D
Inverted#D0C296

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2B426Bno red cones; affects about 1% of men; ΔE 4 from the original
Deuteranopia#253D68no green cones; the most common form, about 1% of men; ΔE 2.9 from the original
Tritanopia#14464Eno blue cones; rare, and affects men and women equally; ΔE 28.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text10.54:1WCAG large text: AAA
Contrast with black, large text1.99:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 23.3Steel blue · ΔE 29.1Dark slate grey · ΔE 31.5Slate grey · ΔE 32.9Dim grey · ΔE 33.8Midnight blue · ΔE 33.9
Nearest named CSS colourDark slateblue (#483D8B)ΔE 23.28, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#695B2F
Analogous#2F5A69, #3E2F69
Triadic#692F3D, #3D692F
Split complementary#693E2F, #5A692F
Tetradic#692F5A, #695B2F, #2F693E

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#95A3CF
Lighter +30%#7184C0
Lighter +20%#4F66AF
Lighter +10%#3F518C
Darker −10%#1F2946
Darker −20%#0F1423
Darker −30%#000000
Darker −40%#000000
More saturated +25%#1C337C
Less saturated −25%#424756

Channel breakdown

R47
G61
B105
Red47 (18.4%)
Green61 (23.9%)
Blue105 (41.2%)
Hue225.52°
Saturation (HSL)38.16%
Lightness29.8%
Dominant channelBlue
Hex per channelR 2F · G 3D · B 69

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