Nerdulator> put something in

Recognised as Colour

#2B307B

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

#2B307B is a blue with RGB values 43, 48, 123 and HSL 236°, 48%, 33%. It is a dark colour, so white text on it reaches 11.6:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#2B307B#2B307B
HEX#2B307B
RGBrgb(43, 48, 123)
RGB (0–1)0.1686, 0.1882, 0.4824
RGB percentages16.9%, 18.8%, 48.2%
HSLhsl(236.3, 48.2%, 32.5%)
HSV / HSBhsv(236.3, 65%, 48.2%)
CMYK65%, 61%, 0%, 51.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,830,459
CSS custom property--colour: #2B307B;

Brightness & contrast

Relative luminance0.04058WCAG 2.x, 0 is black and 1 is white
Perceived brightness60.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 11.59:1
Contrast with white11.59:1WCAG normal text: AAA
Contrast with black1.81:1WCAG normal text: Fail
Greyscale equivalent#343434
Inverted#D4CF84

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#003C7Dno red cones; affects about 1% of men; ΔE 12.8 from the original
Deuteranopia#003579no green cones; the most common form, about 1% of men; ΔE 9.2 from the original
Tritanopia#004250no blue cones; rare, and affects men and women equally; ΔE 46.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text11.59:1WCAG large text: AAA
Contrast with black, large text1.81:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 7.7Midnight blue · ΔE 13.3Rebecca purple · ΔE 22.1Slate blue · ΔE 28.9Indigo · ΔE 30.5Royal blue · ΔE 32.6
Nearest named CSS colourDark slateblue (#483D8B)ΔE 7.71, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#7B762B
Analogous#2B587B, #4E2B7B
Triadic#7B2B30, #307B2B
Split complementary#7B4E2B, #587B2B
Tetradic#7B2B58, #7B762B, #2B7B4E

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#979BDB
Lighter +30%#7177CE
Lighter +20%#4C53C0
Lighter +10%#383FA1
Darker −10%#1E2155
Darker −20%#11132F
Darker −30%#03040A
Darker −40%#000000
More saturated +25%#161E90
Less saturated −25%#404266

Channel breakdown

R43
G48
B123
Red43 (16.9%)
Green48 (18.8%)
Blue123 (48.2%)
Hue236.25°
Saturation (HSL)48.19%
Lightness32.55%
Dominant channelBlue
Hex per channelR 2B · G 30 · B 7B

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