Nerdulator> put something in

Recognised as Colour

#040302

  • #040302
  • Orange
  • Dark
  • Nearest: Black

#040302 is a orange with RGB values 4, 3, 2 and HSL 30°, 33%, 1%. It is a dark colour, so white text on it reaches 20.6:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#040302#040302
HEX#040302
RGBrgb(4, 3, 2)
RGB (0–1)0.0157, 0.0118, 0.0078
RGB percentages1.6%, 1.2%, 0.8%
HSLhsl(30, 33.3%, 1.2%)
HSV / HSBhsv(30, 50%, 1.6%)
CMYK0%, 25%, 50%, 98.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer262,914
CSS custom property--colour: #040302;

Brightness & contrast

Relative luminance0.00095WCAG 2.x, 0 is black and 1 is white
Perceived brightness3.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 20.61:1
Contrast with white20.61:1WCAG normal text: AAA
Contrast with black1.02:1WCAG normal text: Fail
Greyscale equivalent#030303
Inverted#FBFCFD

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#030302no red cones; affects about 1% of men; ΔE 0.3 from the original
Deuteranopia#040302no green cones; the most common form, about 1% of men; ΔE 0 from the original
Tritanopia#040303no blue cones; rare, and affects men and women equally; ΔE 0.4 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text20.61:1WCAG large text: AAA
Contrast with black, large text1.02:1WCAG large text: Fail

Named colours

Black · ΔE 1Dark slate grey · ΔE 32.9Dim grey · ΔE 43.6Gray · ΔE 52.7Slate grey · ΔE 53.2Dark olivegreen · ΔE 54.6
Nearest named CSS colourBlack (#000000)ΔE 0.99, indistinguishable to the eye
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#020304
Analogous#040202, #040402
Triadic#020403, #030204
Split complementary#020404, #020204
Tetradic#020402, #020304, #040204

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#8C6946
Lighter +30%#6A5035
Lighter +20%#483624
Lighter +10%#261C13
Darker −10%#000000
Darker −20%#000000
Darker −30%#000000
Darker −40%#000000
More saturated +25%#050301
Less saturated −25%#030303

Channel breakdown

R4
G3
B2
Red4 (1.6%)
Green3 (1.2%)
Blue2 (0.8%)
Hue30°
Saturation (HSL)33.33%
Lightness1.18%
Dominant channelRed
Hex per channelR 04 · G 03 · B 02

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