#ffa103 Color Information
In a RGB color space, hex #ffa103 is composed of 100% red, 63.1% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.9% magenta, 98.8% yellow and 0% black. It has a hue angle of 37.6 degrees, a saturation of 100% and a lightness of 50.6%. #ffa103 color hex could be obtained by blending #ffff06 with #ff4300. Closest websafe color is: #ff9900.
-
- R 100
- G 63
- B 1
-
- C 0
- M 37
- Y 99
- K 0
● #ffa103 color description : Vivid orange.
#ffa103 Color Conversion
The hexadecimal color #ffa103 has RGB values of R:255, G:161, B:3 and CMYK values of C:0, M:0.37, Y:0.99, K:0. Its decimal value is 16752899.
| Hex triplet | ffa103 | #ffa103 |
|---|---|---|
| RGB Decimal | 255, 161, 3 | rgb(255,161,3) |
| RGB Percent | 100, 63.1, 1.2 | rgb(100%,63.1%,1.2%) |
| CMYK | 0, 37, 99, 0 | |
| HSL | 37.6°, 100, 50.6 | hsl(37.6,100%,50.6%) |
| HSV (or HSB) | 37.6°, 98.8, 100 | |
| Web Safe | ff9900 | #ff9900 |
| CIE-LAB | 74.036, 26.036, 78.012 |
|---|---|
| XYZ | 54.003, 46.76, 6.268 |
| xyY | 0.505, 0.437, 46.76 |
| CIE-LCH | 74.036, 82.242, 71.544 |
| CIE-LUV | 74.036, 78.122, 72.416 |
| Hunter-Lab | 68.382, 21.299, 42.433 |
| Binary | 11111111, 10100001, 00000011 |
Color Schemes with #ffa103
Alternatives to #ffa103
Below, you can see some colors close to #ffa103. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa103 Preview
This text has a font color of #ffa103.
<span style="color:#ffa103;">Text here</span>
This paragraph has a background color of #ffa103.
<p style="background-color:#ffa103;">Content here</p>
This element has a border color of #ffa103.
<div style="border:1px solid #ffa103;">Content here</div>
.text {color:#ffa103;}
.background {background-color:#ffa103;}
.border {border:1px solid #ffa103;}
Shades and Tints of #ffa103
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030200 is the darkest color, while #fff9ee is the lightest one.
-
#030200
#030200rgb(3,2,0) -
#170e00
#170e00rgb(23,14,0) -
#2a1a00
#2a1a00rgb(42,26,0) -
#3e2700
#3e2700rgb(62,39,0) -
#513300
#513300rgb(81,51,0) -
#653f00
#653f00rgb(101,63,0) -
#794c00
#794c00rgb(121,76,0) -
#8c5800
#8c5800rgb(140,88,0) -
#a06400
#a06400rgb(160,100,0) -
#b47100
#b47100rgb(180,113,0) -
#c77d00
#c77d00rgb(199,125,0) -
#db8900
#db8900rgb(219,137,0) -
#ee9500
#ee9500rgb(238,149,0)
-
#ffa103
#ffa103rgb(255,161,3) -
#ffa817
#ffa817rgb(255,168,23) -
#ffb02a
#ffb02argb(255,176,42) -
#ffb73e
#ffb73ergb(255,183,62) -
#ffbe51
#ffbe51rgb(255,190,81) -
#ffc665
#ffc665rgb(255,198,101) -
#ffcd79
#ffcd79rgb(255,205,121) -
#ffd48c
#ffd48crgb(255,212,140) -
#ffdca0
#ffdca0rgb(255,220,160) -
#ffe3b4
#ffe3b4rgb(255,227,180) -
#ffeac7
#ffeac7rgb(255,234,199) -
#fff1db
#fff1dbrgb(255,241,219) -
#fff9ee
#fff9eergb(255,249,238)
Tones of #ffa103
A tone is produced by adding gray to any pure hue. In this case, #8b8377 is the less saturated color, while #ffa103 is the most saturated one.
-
#8b8377
#8b8377rgb(139,131,119) -
#94866e
#94866ergb(148,134,110) -
#9e8864
#9e8864rgb(158,136,100) -
#a88b5a
#a88b5argb(168,139,90) -
#b18d51
#b18d51rgb(177,141,81) -
#bb9047
#bb9047rgb(187,144,71) -
#c5923d
#c5923drgb(197,146,61) -
#cf9533
#cf9533rgb(207,149,51) -
#d8972a
#d8972argb(216,151,42) -
#e29a20
#e29a20rgb(226,154,32) -
#ec9c16
#ec9c16rgb(236,156,22) -
#f59f0d
#f59f0drgb(245,159,13) -
#ffa103
#ffa103rgb(255,161,3)
Color Blindness Simulator
Below, you can see how #ffa103 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.
