#ffbd3d Color Information
In a RGB color space, hex #ffbd3d is composed of 100% red, 74.1% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 76.1% yellow and 0% black. It has a hue angle of 39.6 degrees, a saturation of 100% and a lightness of 62%. #ffbd3d color hex could be obtained by blending #ffff7a with #ff7b00. Closest websafe color is: #ffcc33.
-
- R 100
- G 74
- B 24
-
- C 0
- M 26
- Y 76
- K 0
● #ffbd3d color description : Light orange.
#ffbd3d Color Conversion
The hexadecimal color #ffbd3d has RGB values of R:255, G:189, B:61 and CMYK values of C:0, M:0.26, Y:0.76, K:0. Its decimal value is 16760125.
Hex triplet | ffbd3d | #ffbd3d |
---|---|---|
RGB Decimal | 255, 189, 61 | rgb(255,189,61) |
RGB Percent | 100, 74.1, 23.9 | rgb(100%,74.1%,23.9%) |
CMYK | 0, 26, 76, 0 | |
HSL | 39.6°, 100, 62 | hsl(39.6,100%,62%) |
HSV (or HSB) | 39.6°, 76.1, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 80.736, 12.62, 69.755 |
---|---|
XYZ | 60.281, 57.996, 12.434 |
xyY | 0.461, 0.444, 57.996 |
CIE-LCH | 80.736, 70.887, 79.745 |
CIE-LUV | 80.736, 53.927, 74.675 |
Hunter-Lab | 76.155, 8.023, 43.628 |
Binary | 11111111, 10111101, 00111101 |
Color Schemes with #ffbd3d
Alternatives to #ffbd3d
Below, you can see some colors close to #ffbd3d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbd3d Preview
This text has a font color of #ffbd3d.
<span style="color:#ffbd3d;">Text here</span>
This paragraph has a background color of #ffbd3d.
<p style="background-color:#ffbd3d;">Content here</p>
This element has a border color of #ffbd3d.
<div style="border:1px solid #ffbd3d;">Content here</div>
.text {color:#ffbd3d;}
.background {background-color:#ffbd3d;}
.border {border:1px solid #ffbd3d;}
Shades and Tints of #ffbd3d
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, #020100 is the darkest color, while #fff9ee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#160e00
#160e00
rgb(22,14,0)
-
#291b00
#291b00
rgb(41,27,0)
-
#3d2800
#3d2800
rgb(61,40,0)
-
#513500
#513500
rgb(81,53,0)
-
#644200
#644200
rgb(100,66,0)
-
#784f00
#784f00
rgb(120,79,0)
-
#8b5c00
#8b5c00
rgb(139,92,0)
-
#9f6900
#9f6900
rgb(159,105,0)
-
#b37600
#b37600
rgb(179,118,0)
-
#c68300
#c68300
rgb(198,131,0)
-
#da9000
#da9000
rgb(218,144,0)
-
#ee9d00
#ee9d00
rgb(238,157,0)
-
#ffa902
#ffa902
rgb(255,169,2)
-
#ffb016
#ffb016
rgb(255,176,22)
-
#ffb629
#ffb629
rgb(255,182,41)
-
#ffbd3d
#ffbd3d
rgb(255,189,61)
-
#ffc451
#ffc451
rgb(255,196,81)
-
#ffca64
#ffca64
rgb(255,202,100)
-
#ffd178
#ffd178
rgb(255,209,120)
-
#ffd88b
#ffd88b
rgb(255,216,139)
-
#ffde9f
#ffde9f
rgb(255,222,159)
-
#ffe5b3
#ffe5b3
rgb(255,229,179)
-
#ffecc6
#ffecc6
rgb(255,236,198)
-
#fff2da
#fff2da
rgb(255,242,218)
-
#fff9ee
#fff9ee
rgb(255,249,238)
Tones of #ffbd3d
A tone is produced by adding gray to any pure hue. In this case, #a5a097 is the less saturated color, while #ffbd3d is the most saturated one.
-
#a5a097
#a5a097
rgb(165,160,151)
-
#ada38f
#ada38f
rgb(173,163,143)
-
#b4a588
#b4a588
rgb(180,165,136)
-
#bca880
#bca880
rgb(188,168,128)
-
#c3aa79
#c3aa79
rgb(195,170,121)
-
#cbac71
#cbac71
rgb(203,172,113)
-
#d2af6a
#d2af6a
rgb(210,175,106)
-
#dab162
#dab162
rgb(218,177,98)
-
#e1b35b
#e1b35b
rgb(225,179,91)
-
#e9b653
#e9b653
rgb(233,182,83)
-
#f0b84c
#f0b84c
rgb(240,184,76)
-
#f8bb44
#f8bb44
rgb(248,187,68)
-
#ffbd3d
#ffbd3d
rgb(255,189,61)
Color Blindness Simulator
Below, you can see how #ffbd3d 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.