Nerdulator> put something in

Recognised as Colour

#12102B

  • #12102B
  • Blue
  • Dark
  • Nearest: Black

#12102B is a blue with RGB values 18, 16, 43 and HSL 244°, 46%, 12%. It is a dark colour, so white text on it reaches 18.5:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#12102B#12102B
HEX#12102B
RGBrgb(18, 16, 43)
RGB (0–1)0.0706, 0.0627, 0.1686
RGB percentages7.1%, 6.3%, 16.9%
HSLhsl(244.4, 45.8%, 11.6%)
HSV / HSBhsv(244.4, 62.8%, 16.9%)
CMYK58.1%, 62.8%, 0%, 83.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,183,787
CSS custom property--colour: #12102B;

Brightness & contrast

Relative luminance0.00674WCAG 2.x, 0 is black and 1 is white
Perceived brightness21.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 18.51:1
Contrast with white18.51:1WCAG normal text: AAA
Contrast with black1.13:1WCAG normal text: Fail
Greyscale equivalent#121212
Inverted#EDEFD4

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#05142Cno red cones; affects about 1% of men; ΔE 5.8 from the original
Deuteranopia#04132Ano green cones; the most common form, about 1% of men; ΔE 6.4 from the original
Tritanopia#09161Bno blue cones; rare, and affects men and women equally; ΔE 17.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text18.51:1WCAG large text: AAA
Contrast with black, large text1.13:1WCAG large text: Fail

Named colours

Black · ΔE 21Dark slate grey · ΔE 35.7Dark slateblue · ΔE 38.5Midnight blue · ΔE 40.1Dim grey · ΔE 43.3Slate grey · ΔE 48.7
Nearest named CSS colourBlack (#000000)ΔE 21.01, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#292B10
Analogous#101B2B, #20102B
Triadic#2B1210, #102B12
Split complementary#2B2010, #1B2B10
Tetradic#2B101B, #292B10, #102B20

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#534BBC
Lighter +30%#41399B
Lighter +20%#312C75
Lighter +10%#221E50
Darker −10%#020206
Darker −20%#000000
Darker −30%#000000
Darker −40%#000000
More saturated +25%#0C0932
Less saturated −25%#181724

Channel breakdown

R18
G16
B43
Red18 (7.1%)
Green16 (6.3%)
Blue43 (16.9%)
Hue244.44°
Saturation (HSL)45.76%
Lightness11.57%
Dominant channelBlue
Hex per channelR 12 · G 10 · B 2B

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