Nerdulator> put something in

Colour

#12347B

  • #12347B
  • Blue
  • Dark
  • Nearest: Dark slateblue

#12347B is a blue with RGB values 18, 52, 123 and HSL 221°, 74%, 28%. 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

#12347B#12347B
HEX#12347B
RGBrgb(18, 52, 123)
RGB (0–1)0.0706, 0.2039, 0.4824
RGB percentages7.1%, 20.4%, 48.2%
HSLhsl(220.6, 74.5%, 27.6%)
HSV / HSBhsv(220.6, 85.4%, 48.2%)
CMYK85.4%, 57.7%, 0%, 51.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,193,083
CSS custom property--colour: #12347B;

Brightness & contrast

Relative luminance0.04015WCAG 2.x, 0 is black and 1 is white
Perceived brightness58.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 11.65:1
Contrast with white11.65:1WCAG normal text: AAA
Contrast with black1.8:1WCAG normal text: Fail
Greyscale equivalent#323232
Inverted#EDCB84

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#003D7Dno red cones; affects about 1% of men; ΔE 7.8 from the original
Deuteranopia#00347Ano green cones; the most common form, about 1% of men; ΔE 1.8 from the original
Tritanopia#004652no blue cones; rare, and affects men and women equally; ΔE 44.1 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text11.65:1WCAG large text: AAA
Contrast with black, large text1.8:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 11.8Midnight blue · ΔE 17.8Rebecca purple · ΔE 27.9Slate blue · ΔE 32.2Royal blue · ΔE 33.7Indigo · ΔE 36.3
Nearest named CSS colourDark slateblue (#483D8B)ΔE 11.8, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#7B5912
Analogous#12697B, #24127B
Triadic#7B1234, #347B12
Split complementary#7B2412, #697B12
Tetradic#7B1269, #7B5912, #127B24

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#6F97EA
Lighter +30%#4377E3
Lighter +20%#1F5AD4
Lighter +10%#1947A7
Darker −10%#0B214F
Darker −20%#050E22
Darker −30%#000000
Darker −40%#000000
More saturated +25%#002E8D
Less saturated −25%#243A69

Channel breakdown

R18
G52
B123
Red18 (7.1%)
Green52 (20.4%)
Blue123 (48.2%)
Hue220.57°
Saturation (HSL)74.47%
Lightness27.65%
Dominant channelBlue
Hex per channelR 12 · G 34 · 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 “12347b” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.