Colour

#1B102D

#1B102D
Violet
Dark
Nearest: Black

#1B102D is a violet with RGB values 27, 16, 45 and HSL 263°, 48%, 12%. It is a dark colour, so white text on it reaches 18.1:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#1B102D#1B102D

HEX#1B102D

RGBrgb(27, 16, 45)

RGB (0–1)0.1059, 0.0627, 0.1765

RGB percentages10.6%, 6.3%, 17.6%

HSLhsl(262.8, 47.5%, 12%)

HSV / HSBhsv(262.8, 64.4%, 17.6%)

CMYK40%, 64.4%, 0%, 82.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,773,613

CSS custom property--colour: #1B102D;

Brightness & contrast

Relative luminance0.00793WCAG 2.x, 0 is black and 1 is white

Perceived brightness24.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 18.13:1

Contrast with white18.13:1WCAG normal text: AAA

Contrast with black1.16:1WCAG normal text: Fail

Greyscale equivalent#141414

Inverted#E4EFD2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#06162Eno red cones; affects about 1% of men; ΔE 10.1 from the original

Deuteranopia#08162Cno green cones; the most common form, about 1% of men; ΔE 10.6 from the original

Tritanopia#17161Cno blue cones; rare, and affects men and women equally; ΔE 17.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text18.13:1WCAG large text: AAA

Contrast with black, large text1.16:1WCAG large text: Fail

Named colours

Black · ΔE 23.3 Dark slateblue · ΔE 36.3 Dark slate grey · ΔE 37.6 Midnight blue · ΔE 37.9 Dim grey · ΔE 43.3 Slate grey · ΔE 48.8

Nearest named CSS colourBlack (#000000)ΔE 23.29, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#222D10

Analogous#10142D, #29102D

Triadic#2D1B10, #102D1B

Split complementary#2D2A10, #132D10

Tetradic#2D1014, #222D10, #102D29

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#764ABF

Lighter +30%#5F389E

Lighter +20%#482B78

Lighter +10%#321D53

Darker −10%#040307

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#190835

Less saturated −25%#1D1825

Channel breakdown

R27

G16

B45

Red27 (10.6%)

Green16 (6.3%)

Blue45 (17.6%)

Hue262.76°

Saturation (HSL)47.54%

Lightness11.96%

Dominant channelBlue

Hex per channelR 1B · G 10 · B 2D

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#1B102D

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else