Colors are represented by a combination of red, green, and blue values. The lowest value ( 00 ) will be the darkest version of the color (closest to black), and the highest value ( FF ) will be the lightest version of the color (closest to white).
Nintendo red / #e4000f Hex Color Code
The color nintendo red with hexadecimal color code #e4000f is a shade of pink-red. In the RGB color model #e4000f is comprised of 89.41% red, 0% green and 5.88% blue. In the HSL color space #e4000f has a hue of 356° (degrees), 100% saturation and 45% lightness. This color has an approximate wavelength of 612.57 nm.
- Inverted
#1bfff0 - 25% saturated
#ff0000 / #f00 - Grayscale
#727272 - 25% lighter
#e93440 - Original
#e4000f - 25% darker
#a4121c - Web safe: red
#ff0000 / #f00 - 25% desaturated
#cd1723 - HTML: red
#ff0000 / #f00
Related Named Colors
- KU crimson
#e8000d - Electric red
#e60000 - Lust
#e62020 - Maximum red
#d92121 - Red-orange (lit. orangutan-colored) (Shōjōhi)
#dc3023
#e4000f to white
#e4000f to black
Paints
Ford
Focoltone
★ 1076
#e60004 ΔE = 1.232 / LRV ≈ 16.8%
TRUMATCH
★ 6-a
#e60004 ΔE = 1.232 / LRV ≈ 16.8%
Ressource Peintures
GM / General Motors
★ Orange
#e20100 ΔE = 1.566 / LRV ≈ 16.2%
Testors
Pantone / PMS
★ 2347 C
#e10600 ΔE = 1.676 / LRV ≈ 16.1%
Matthews Paint
Plascon
Resene
British Standard
Albany Paint
★ Red Letter
#e81303 ΔE = 2.209 / LRV ≈ 17.6%
Chrysler
Coo-Var
Red
#e61500 ΔE = 2.309 / LRV ≈ 17.4%
Natural Color System / NCS
S 1085-Y80R
#d92f1e ΔE = 2.403 / LRV ≈ 16.9%
Toyo Ink
CF10101
#e11922 ΔE = 2.408 / LRV ≈ 16.8%
1Shot / One Shot
Fender
Tollens
T2068-4
#d43016 ΔE = 2.946 / LRV ≈ 16.2%
Valspar Paint
- Achromatopsia
#464646 - Achromatomaly
#8e262d
Creativity takes courage. Henri Matisse
There’s no retirement for an artist, it’s your way of living so there’s no end to it. Henry Moore
I wish they would only take me as I am. Vincent Van Gogh
Decimal 14942223 Binary 11100100, 00000000, 00001111 Hexadecimal #e4000f LRV ≈ 16.5% Closest short hex #d11 ΔE = 1.208 RGB rgb(228, 0, 15) RGBA rgba(228, 0, 15, 1.0) rg chromaticity r: 0.938, g: 0.000, b: 0.062 RYB red: 89.412%, yellow: 0.000%, blue: 5.882% Android / android.graphics.Color -1834993 / 0xffe4000f HSL hsl(356, 100%, 45%) HSLA hsla(356, 100%, 45%, 1.0) HSV / HSB hue: 356° (356.053), saturation: 100% (1.000), value: 89% (0.894) HSP hue: 356.053, saturation: 100.000%, perceived brightness: 48.931% HSLuv (HUSL) H: 11.715, S: 100.001, L: 47.668 Cubehelix H: -12.078, S: 1.785, L: 0.275 TSL T: 4.008, S: 0.927, L: 0.274 CMYK cyan: 0% (0.000), magenta: 100% (1.000), yellow: 93% (0.934), key: 11% (0.106) CMY cyan: 11% (0.106), magenta: 100% (1.000), yellow: 94% (0.941) XYZ X: 32.085, Y: 16.534, Z: 1.954 xyY x: 0.634, y: 0.327, Y: 16.534 CIELab L: 47.668, a: 73.716, b: 57.410 CIELuv L: 47.668, u: 155.522, v: 32.250 CIELCH / LCHab L: 47.668, C: 93.434, H: 37.912 CIELUV / LCHuv L: 47.668, C: 158.831, H: 11.715 Hunter-Lab L: 40.662, a: 69.691, b: 25.614 CIECAM02 J: 41.106, C: 102.697, h: 30.315, Q: 126.317, M: 89.807, s: 84.319, H: 12.981 OSA-UCS lightness: -9.687, jaune: 6.692, green: -14.339 LMS L: 30.298, M: 5.503, S: 2.243 YCbCr Y: 76.066, Cb: 100.841, Cr: 227.027 YCoCg Y: 60.750, Cg: -60.750, Co: 110.250 YDbDr Y: 69.882, Db: -82.605, Dr: -300.669 YPbPr Y: 49.644, Pb: -18.720, Pr: 113.310 xvYCC Y: 58.635, Cb: 111.556, Cr: 227.535 YIQ Y: 69.882, I: 131.004, Q: 52.879 YUV Y: 69.882, U: -27.006, V: 138.720 Okhsl h: 28.125, s: 1.000, l: 0.510 Okhsv h: 28.125. s: 1.000, v: 0.899 Okhwb h: 28.125, w: 0.000, b: 0.101 Oklab l: 0.577, a: 0.208, b: 0.111 Oklch l: 0.577, c: 0.236, h: 28.125 Munsell Color System 7.5R 5/16 ΔE = 4.730 Brand Color Path ΔE = 1.655
Prerequisites
If you would like to follow along with this article, you will need:
- Some familiarity with CSS is required. You may benefit from How To Build a Website With CSS tutorial series if you need a refresher.
- A modern web browser that supports #rrggbbaa hex color notation.
Using Color Keywords
First, CSS supports color keywords. Most browsers and devices can render these named colors into color values.
There are about 140 named colors in CSS (like red , blue , lavender , etc.).
For example, if you wanted your text to have red color, you could use the keyword red :
div color: red; > Different value formats, like hex codes, will allow you to customize beyond 140 colors.
Understanding Hexadecimal Values
You are probably most used to counting with decimal values (or base 10):
0, 1, 2, 3, 4, 5, 6, 7, 8, 9 In others words, a single-digit only has 10 possible values ( 0 to 9 ), and after that, it must increase to two digits ( 10 ).
Hexadecimal values are base 16 instead of base 10:
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F It uses the letters A , B , C , D , E , and F to represent the additional values.
For example, these are all valid hexadecimal values:
00, 01, 99, 9D, 1D, CC, E4, F5 Next, learn how to use hexadecimal values in CSS styles.
