#ffbd61 Color Information
In a RGB color space, hex #ffbd61 is composed of 100% red, 74.1% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 62% yellow and 0% black. It has a hue angle of 34.9 degrees, a saturation of 100% and a lightness of 69%. #ffbd61 color hex could be obtained by blending #ffffc2 with #ff7b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 74
- B 38
-
- C 0
- M 26
- Y 62
- K 0
● #ffbd61 color description : Light orange.
#ffbd61 Color Conversion
The hexadecimal color #ffbd61 has RGB values of R:255, G:189, B:97 and CMYK values of C:0, M:0.26, Y:0.62, K:0. Its decimal value is 16760161.
Hex triplet | ffbd61 | #ffbd61 |
---|---|---|
RGB Decimal | 255, 189, 97 | rgb(255,189,97) |
RGB Percent | 100, 74.1, 38 | rgb(100%,74.1%,38%) |
CMYK | 0, 26, 62, 0 | |
HSL | 34.9°, 100, 69 | hsl(34.9,100%,69%) |
HSV (or HSB) | 34.9°, 62, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.028, 14.465, 54.826 |
---|---|
XYZ | 61.596, 58.522, 19.36 |
xyY | 0.442, 0.42, 58.522 |
CIE-LCH | 81.028, 56.702, 75.22 |
CIE-LUV | 81.028, 51.786, 62.862 |
Hunter-Lab | 76.499, 9.852, 38.545 |
Binary | 11111111, 10111101, 01100001 |
Color Schemes with #ffbd61
Alternatives to #ffbd61
Below, you can see some colors close to #ffbd61. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbd61 Preview
This text has a font color of #ffbd61.
<span style="color:#ffbd61;">Text here</span>
This paragraph has a background color of #ffbd61.
<p style="background-color:#ffbd61;">Content here</p>
This element has a border color of #ffbd61.
<div style="border:1px solid #ffbd61;">Content here</div>
.text {color:#ffbd61;}
.background {background-color:#ffbd61;}
.border {border:1px solid #ffbd61;}
Shades and Tints of #ffbd61
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, #130b00 is the darkest color, while #fffffe is the lightest one.
-
#130b00
#130b00
rgb(19,11,0)
-
#261600
#261600
rgb(38,22,0)
-
#3a2200
#3a2200
rgb(58,34,0)
-
#4d2d00
#4d2d00
rgb(77,45,0)
-
#613800
#613800
rgb(97,56,0)
-
#754400
#754400
rgb(117,68,0)
-
#884f00
#884f00
rgb(136,79,0)
-
#9c5b00
#9c5b00
rgb(156,91,0)
-
#af6600
#af6600
rgb(175,102,0)
-
#c37200
#c37200
rgb(195,114,0)
-
#d77d00
#d77d00
rgb(215,125,0)
-
#ea8800
#ea8800
rgb(234,136,0)
-
#fe9400
#fe9400
rgb(254,148,0)
-
#ff9c13
#ff9c13
rgb(255,156,19)
-
#ffa426
#ffa426
rgb(255,164,38)
-
#ffad3a
#ffad3a
rgb(255,173,58)
-
#ffb54d
#ffb54d
rgb(255,181,77)
-
#ffbd61
#ffbd61
rgb(255,189,97)
-
#ffc575
#ffc575
rgb(255,197,117)
-
#ffcd88
#ffcd88
rgb(255,205,136)
-
#ffd69c
#ffd69c
rgb(255,214,156)
-
#ffdeaf
#ffdeaf
rgb(255,222,175)
-
#ffe6c3
#ffe6c3
rgb(255,230,195)
-
#ffeed7
#ffeed7
rgb(255,238,215)
-
#fff6ea
#fff6ea
rgb(255,246,234)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #ffbd61
A tone is produced by adding gray to any pure hue. In this case, #b6b1aa is the less saturated color, while #ffbd61 is the most saturated one.
-
#b6b1aa
#b6b1aa
rgb(182,177,170)
-
#bcb2a4
#bcb2a4
rgb(188,178,164)
-
#c2b39e
#c2b39e
rgb(194,179,158)
-
#c8b498
#c8b498
rgb(200,180,152)
-
#ceb592
#ceb592
rgb(206,181,146)
-
#d4b68c
#d4b68c
rgb(212,182,140)
-
#dbb785
#dbb785
rgb(219,183,133)
-
#e1b87f
#e1b87f
rgb(225,184,127)
-
#e7b979
#e7b979
rgb(231,185,121)
-
#edba73
#edba73
rgb(237,186,115)
-
#f3bb6d
#f3bb6d
rgb(243,187,109)
-
#f9bc67
#f9bc67
rgb(249,188,103)
-
#ffbd61
#ffbd61
rgb(255,189,97)
Color Blindness Simulator
Below, you can see how #ffbd61 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.