Nerdulator> put something in

Recognised as Colour

#30281C

  • #30281C
  • Orange
  • Dark
  • Nearest: Black

#30281C is a orange with RGB values 48, 40, 28 and HSL 36°, 26%, 15%. It is a dark colour, so white text on it reaches 14.5:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#30281C#30281C
HEX#30281C
RGBrgb(48, 40, 28)
RGB (0–1)0.1882, 0.1569, 0.1098
RGB percentages18.8%, 15.7%, 11%
HSLhsl(36, 26.3%, 14.9%)
HSV / HSBhsv(36, 41.7%, 18.8%)
CMYK0%, 16.7%, 41.7%, 81.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,155,996
CSS custom property--colour: #30281C;

Brightness & contrast

Relative luminance0.0223WCAG 2.x, 0 is black and 1 is white
Perceived brightness41.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 14.52:1
Contrast with white14.52:1WCAG normal text: AAA
Contrast with black1.45:1WCAG normal text: Fail
Greyscale equivalent#292929
Inverted#CFD7E3

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2B281Bno red cones; affects about 1% of men; ΔE 2.8 from the original
Deuteranopia#2D2A1Cno green cones; the most common form, about 1% of men; ΔE 2.9 from the original
Tritanopia#332625no blue cones; rare, and affects men and women equally; ΔE 7.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text14.52:1WCAG large text: AAA
Contrast with black, large text1.45:1WCAG large text: Fail

Named colours

Black · ΔE 19.1Dark slate grey · ΔE 23.6Dim grey · ΔE 29.3Gray · ΔE 38.1Dark olivegreen · ΔE 39Slate grey · ΔE 41.4
Nearest named CSS colourBlack (#000000)ΔE 19.12, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#1C2430
Analogous#301E1C, #2E301C
Triadic#1C3028, #281C30
Split complementary#1C2E30, #1E1C30
Tetradic#1C301E, #1C2430, #301C2E

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#AA926E
Lighter +30%#917954
Lighter +20%#705E42
Lighter +10%#50432F
Darker −10%#100D09
Darker −20%#000000
Darker −30%#000000
Darker −40%#000000
More saturated +25%#3A2A12
Less saturated −25%#272626

Channel breakdown

R48
G40
B28
Red48 (18.8%)
Green40 (15.7%)
Blue28 (11%)
Hue36°
Saturation (HSL)26.32%
Lightness14.9%
Dominant channelRed
Hex per channelR 30 · G 28 · B 1C

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