#ffc525 Color Information
In a RGB color space, hex #ffc525 is composed of 100% red, 77.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.7% magenta, 85.5% yellow and 0% black. It has a hue angle of 44 degrees, a saturation of 100% and a lightness of 57.3%. #ffc525 color hex could be obtained by blending #ffff4a with #ff8b00. Closest websafe color is: #ffcc33.
-
- R 100
- G 77
- B 15
-
- C 0
- M 23
- Y 85
- K 0
● #ffc525 color description : Vivid orange.
#ffc525 Color Conversion
The hexadecimal color #ffc525 has RGB values of R:255, G:197, B:37 and CMYK values of C:0, M:0.23, Y:0.85, K:0. Its decimal value is 16762149.
Hex triplet | ffc525 | #ffc525 |
---|---|---|
RGB Decimal | 255, 197, 37 | rgb(255,197,37) |
RGB Percent | 100, 77.3, 14.5 | rgb(100%,77.3%,14.5%) |
CMYK | 0, 23, 85, 0 | |
HSL | 44°, 100, 57.3 | hsl(44,100%,57.3%) |
HSV (or HSB) | 44°, 85.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 82.555, 7.752, 78.657 |
---|---|
XYZ | 61.541, 61.329, 10.347 |
xyY | 0.462, 0.46, 61.329 |
CIE-LCH | 82.555, 79.038, 84.372 |
CIE-LUV | 82.555, 48.597, 82.425 |
Hunter-Lab | 78.313, 3.224, 46.986 |
Binary | 11111111, 11000101, 00100101 |
Color Schemes with #ffc525
Alternatives to #ffc525
Below, you can see some colors close to #ffc525. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc525 Preview
This text has a font color of #ffc525.
<span style="color:#ffc525;">Text here</span>
This paragraph has a background color of #ffc525.
<p style="background-color:#ffc525;">Content here</p>
This element has a border color of #ffc525.
<div style="border:1px solid #ffc525;">Content here</div>
.text {color:#ffc525;}
.background {background-color:#ffc525;}
.border {border:1px solid #ffc525;}
Shades and Tints of #ffc525
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, #110d00 is the darkest color, while #fffefd is the lightest one.
-
#110d00
#110d00
rgb(17,13,0)
-
#251b00
#251b00
rgb(37,27,0)
-
#392a00
#392a00
rgb(57,42,0)
-
#4c3800
#4c3800
rgb(76,56,0)
-
#604600
#604600
rgb(96,70,0)
-
#735500
#735500
rgb(115,85,0)
-
#876300
#876300
rgb(135,99,0)
-
#9b7200
#9b7200
rgb(155,114,0)
-
#ae8000
#ae8000
rgb(174,128,0)
-
#c28e00
#c28e00
rgb(194,142,0)
-
#d69d00
#d69d00
rgb(214,157,0)
-
#e9ab00
#e9ab00
rgb(233,171,0)
-
#fdba00
#fdba00
rgb(253,186,0)
-
#ffc011
#ffc011
rgb(255,192,17)
-
#ffc525
#ffc525
rgb(255,197,37)
-
#ffca39
#ffca39
rgb(255,202,57)
-
#ffcf4c
#ffcf4c
rgb(255,207,76)
-
#ffd560
#ffd560
rgb(255,213,96)
-
#ffda73
#ffda73
rgb(255,218,115)
-
#ffdf87
#ffdf87
rgb(255,223,135)
-
#ffe49b
#ffe49b
rgb(255,228,155)
-
#ffeaae
#ffeaae
rgb(255,234,174)
-
#ffefc2
#ffefc2
rgb(255,239,194)
-
#fff4d6
#fff4d6
rgb(255,244,214)
-
#fff9e9
#fff9e9
rgb(255,249,233)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #ffc525
A tone is produced by adding gray to any pure hue. In this case, #9a968a is the less saturated color, while #ffc525 is the most saturated one.
-
#9a968a
#9a968a
rgb(154,150,138)
-
#a39a81
#a39a81
rgb(163,154,129)
-
#ab9e79
#ab9e79
rgb(171,158,121)
-
#b4a270
#b4a270
rgb(180,162,112)
-
#bca668
#bca668
rgb(188,166,104)
-
#c4aa60
#c4aa60
rgb(196,170,96)
-
#cdad57
#cdad57
rgb(205,173,87)
-
#d5b14f
#d5b14f
rgb(213,177,79)
-
#ddb547
#ddb547
rgb(221,181,71)
-
#e6b93e
#e6b93e
rgb(230,185,62)
-
#eebd36
#eebd36
rgb(238,189,54)
-
#f7c12d
#f7c12d
rgb(247,193,45)
-
#ffc525
#ffc525
rgb(255,197,37)
Color Blindness Simulator
Below, you can see how #ffc525 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.