Carrot Orange (#ed9121) Web Color For Web Page Design

Everything about Carrot Orange (#ed9121) and hex colors to enhance web page design and your website development company. Get a multitude of palettes based on one color. Learn how to choose the right hex codes for web page design. Optimize your online projects with the power of triadic, tetradic, analogous colors, and more. Get inspired and design websites with ease for your web development company.

Carrot Orange (#ed9121) Color Hex

Carrot Orange (#ed9121) rgb(237, 145, 33)

Color spaces of Carrot Orange (#ed9121)

RGB23714533
HSL0.090.850.53
HSV338793
CMYK0.000.390.86 0.07
XYZ45.325038.36516.4552
Yxy0.50280.4256
Hunter Lab61.939622.225037.1787
CIE-Lab68.288927.319667.3404

Base Numbers

BaseRedGreenBlue
Binary111011011001000100100001
Octal35522141
Decimal23714533
HexED9121

Shades of Carrot Orange (#ed9121)

Copied!
HEX toggle hex RGB
#ed9121 #d5831e #be741a #a66617 #8e5714 #774911 #5f3a0d #472c0a #2f1d07 #180e03 #000000

Tints of Carrot Orange (#ed9121)

Copied!
HEX toggle hex RGB
#e18e29 #d88e34 #d19143 #cf9754 #cfa169 #d2ad80 #d9bd9c #e3d0ba #efe6da #ffffff

RGB Percentages of Color Carrot Orange (#ed9121)

Red
Green
Blue

CMYK Percentages of Color Carrot Orange (#ed9121)

Cyan
Magenta
Yellow
Black

Analogous Colors of Carrot Orange (#ed9121)

Copied!
HEX toggle hex RGB
#ed9121 #f2ff00 #73ff00 #00ff0d

Triadic Colors of Carrot Orange (#ed9121) separated with 120° angle

Copied!
HEX toggle hex RGB
#ed9121 #20ee91 #9120ee

Tetradic Colors of Carrot Orange (#ed9121) separated with 90° angle

Copied!
HEX toggle hex RGB
#ed9121 #20ee2a #207dee #ee20e4

Monochromatic Colors of Carrot Orange (#ed9121)

Copied!
HEX toggle hex RGB
#7e4909 #b0670d #d67d10 #f1a446 #f4b76b

Complementary Color

Copied!
HEX toggle hex RGB
#ed9121 #207dee

Pastel variations

Copied!
HEX toggle hex RGB
#e6c073 #806b40 #e6decf #bf9030

Soft variations

Copied!
HEX toggle hex RGB
#ccb88f #807359 #e6decf #bfa060

Light variations

Copied!
HEX toggle hex RGB
#ffeabf #bfa060 #fff7e6 #ffd580

Hard variations

Copied!
HEX toggle hex RGB
#ffab00 #996700 #fff7e6 #ffcd66

Pale variations

Copied!
HEX toggle hex RGB
#d9d2c3 #807b73 #fff7e6 #bfb9ac

Carrot Orange (#ed9121) Color Preview on Black Background

This is Carrot Orange (#ed9121) on a black background

Carrot Orange (#ed9121) Color Preview on White Background

This is Carrot Orange (#ed9121) on a white background

Carrot Orange (#ed9121) Color CSS Codes

                .bckColor {background-color:#ff0000; } 
                .forColor {color:#ff0000; }
                .bordercolor {border:3px solid #ff0000; }

Carrot Orange (#ed9121) Text Font Color

This is a sample text written with the Carrot Orange (#ed9121) color.
This is a strong text written with the Carrot Orange (#ed9121) as well.

Carrot Orange (#ed9121) Background Color

                <div style="background-color:Carrot Orange (#ed9121)">
                    Text on the Carrot Orange (#ed9121) color
                </div>

Carrot Orange (#ed9121) Border Color

<div style="border:3px solid #ff0000">
                  Div here
                </div>

Css3 Examples

Text Shadow with RGB Values

                .rgbShadow {
                    text-shadow: 4px 4px 2px rgba(255,0,0, 0.8); } 
                .hexShadow { 
                    text-shadow: 4px 4px 2px #ff0000; }
                .divShadow { 
                    -moz-box-shadow: 1px 1px 3px 2px #ff0000;
                    -webkit-box-shadow: 1px 1px 3px 2px #ff0000;
                    box-shadow:         1px 1px 3px 2px #ff0000; }

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px rgb(237, 145, 33);">Text here</p>

This is a text with rgb(237, 145, 33) as a shadow color.

Div Box Shadow

                <div style="-moz-box-shadow: 1px 1px 3px 2px #ed9121;
                  -webkit-box-shadow: 1px 1px 3px 2px #ed9121;
                  box-shadow:         1px 1px 3px 2px #ed9121;">
                    Div content here
                </div>
An html Div with text shadow using #ed9121 color hex code

Related palettes

Copied!
share
HEX toggle hex RGB
Good enough to dance to
Copied!
share
HEX toggle hex RGB
Rakos2