Nerdulator> put something in

Recognised as Colour

#302B27

  • #302B27
  • Orange
  • Dark
  • Nearest: Black

#302B27 is a orange with RGB values 48, 43, 39 and HSL 27°, 10%, 17%. It is a dark colour, so white text on it reaches 14:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#302B27#302B27
HEX#302B27
RGBrgb(48, 43, 39)
RGB (0–1)0.1882, 0.1686, 0.1529
RGB percentages18.8%, 16.9%, 15.3%
HSLhsl(26.7, 10.3%, 17.1%)
HSV / HSBhsv(26.7, 18.7%, 18.8%)
CMYK0%, 10.4%, 18.7%, 81.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,156,775
CSS custom property--colour: #302B27;

Brightness & contrast

Relative luminance0.02503WCAG 2.x, 0 is black and 1 is white
Perceived brightness44.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 14:1
Contrast with white14:1WCAG normal text: AAA
Contrast with black1.5:1WCAG normal text: Fail
Greyscale equivalent#2C2C2C
Inverted#CFD4D8

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2D2B27no red cones; affects about 1% of men; ΔE 1.5 from the original
Deuteranopia#2E2C27no green cones; the most common form, about 1% of men; ΔE 1.6 from the original
Tritanopia#322A2Ano blue cones; rare, and affects men and women equally; ΔE 3.1 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text14:1WCAG large text: AAA
Contrast with black, large text1.5:1WCAG large text: Fail

Named colours

Black · ΔE 18.3Dark slate grey · ΔE 20Dim grey · ΔE 26.7Gray · ΔE 35.8Slate grey · ΔE 37.8Light slate grey · ΔE 40.8
Nearest named CSS colourBlack (#000000)ΔE 18.31, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#272C30
Analogous#302728, #303027
Triadic#27302B, #2B2730
Split complementary#273030, #272730
Tetradic#283027, #272C30, #302730

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#9D9086
Lighter +30%#84776C
Lighter +20%#685D55
Lighter +10%#4C443E
Darker −10%#141210
Darker −20%#000000
Darker −30%#000000
Darker −40%#000000
More saturated +25%#3B2A1C
Less saturated −25%#2C2C2C

Channel breakdown

R48
G43
B39
Red48 (18.8%)
Green43 (16.9%)
Blue39 (15.3%)
Hue26.67°
Saturation (HSL)10.34%
Lightness17.06%
Dominant channelRed
Hex per channelR 30 · G 2B · B 27

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