#af5525 Color Information
In a RGB color space, hex #af5525 is composed of 68.6% red, 33.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 78.9% yellow and 31.4% black. It has a hue angle of 20.9 degrees, a saturation of 65.1% and a lightness of 41.6%. #af5525 color hex could be obtained by blending #ffaa4a with #5f0000. Closest websafe color is: #996633.
-
- R 69
- G 33
- B 15
-
- C 0
- M 51
- Y 79
- K 31
● #af5525 color description : Dark orange [Brown tone].
#af5525 Color Conversion
The hexadecimal color #af5525 has RGB values of R:175, G:85, B:37 and CMYK values of C:0, M:0.51, Y:0.79, K:0.31. Its decimal value is 11490597.
Hex triplet | af5525 | #af5525 |
---|---|---|
RGB Decimal | 175, 85, 37 | rgb(175,85,37) |
RGB Percent | 68.6, 33.3, 14.5 | rgb(68.6%,33.3%,14.5%) |
CMYK | 0, 51, 79, 31 | |
HSL | 20.9°, 65.1, 41.6 | hsl(20.9,65.1%,41.6%) |
HSV (or HSB) | 20.9°, 78.9, 68.6 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 46.64, 33.524, 43.396 |
---|---|
XYZ | 21.262, 15.747, 3.67 |
xyY | 0.523, 0.387, 15.747 |
CIE-LCH | 46.64, 54.837, 52.313 |
CIE-LUV | 46.64, 72.124, 36.1 |
Hunter-Lab | 39.682, 26.201, 22.294 |
Binary | 10101111, 01010101, 00100101 |
Color Schemes with #af5525
Alternatives to #af5525
Below, you can see some colors close to #af5525. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af5525 Preview
This text has a font color of #af5525.
<span style="color:#af5525;">Text here</span>
This paragraph has a background color of #af5525.
<p style="background-color:#af5525;">Content here</p>
This element has a border color of #af5525.
<div style="border:1px solid #af5525;">Content here</div>
.text {color:#af5525;}
.background {background-color:#af5525;}
.border {border:1px solid #af5525;}
Shades and Tints of #af5525
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, #0d0603 is the darkest color, while #fefdfc is the lightest one.
-
#0d0603
#0d0603
rgb(13,6,3)
-
#1d0e06
#1d0e06
rgb(29,14,6)
-
#2d160a
#2d160a
rgb(45,22,10)
-
#3e1e0d
#3e1e0d
rgb(62,30,13)
-
#4e2610
#4e2610
rgb(78,38,16)
-
#5e2e14
#5e2e14
rgb(94,46,20)
-
#6e3617
#6e3617
rgb(110,54,23)
-
#7e3d1b
#7e3d1b
rgb(126,61,27)
-
#8f451e
#8f451e
rgb(143,69,30)
-
#9f4d22
#9f4d22
rgb(159,77,34)
-
#af5525
#af5525
rgb(175,85,37)
-
#bf5d28
#bf5d28
rgb(191,93,40)
-
#cf652c
#cf652c
rgb(207,101,44)
-
#d5703a
#d5703a
rgb(213,112,58)
-
#d97b4a
#d97b4a
rgb(217,123,74)
-
#dc875a
#dc875a
rgb(220,135,90)
-
#e0936a
#e0936a
rgb(224,147,106)
-
#e39f7a
#e39f7a
rgb(227,159,122)
-
#e6aa8b
#e6aa8b
rgb(230,170,139)
-
#eab69b
#eab69b
rgb(234,182,155)
-
#edc2ab
#edc2ab
rgb(237,194,171)
-
#f1cebb
#f1cebb
rgb(241,206,187)
-
#f4d9cb
#f4d9cb
rgb(244,217,203)
-
#f7e5dc
#f7e5dc
rgb(247,229,220)
-
#fbf1ec
#fbf1ec
rgb(251,241,236)
-
#fefdfc
#fefdfc
rgb(254,253,252)
Tones of #af5525
A tone is produced by adding gray to any pure hue. In this case, #6e6966 is the less saturated color, while #d04b04 is the most saturated one.
-
#6e6966
#6e6966
rgb(110,105,102)
-
#76665e
#76665e
rgb(118,102,94)
-
#7e6456
#7e6456
rgb(126,100,86)
-
#86614e
#86614e
rgb(134,97,78)
-
#8e5f46
#8e5f46
rgb(142,95,70)
-
#975c3d
#975c3d
rgb(151,92,61)
-
#9f5a35
#9f5a35
rgb(159,90,53)
-
#a7572d
#a7572d
rgb(167,87,45)
-
#af5525
#af5525
rgb(175,85,37)
-
#b7531d
#b7531d
rgb(183,83,29)
-
#bf5015
#bf5015
rgb(191,80,21)
-
#c74e0d
#c74e0d
rgb(199,78,13)
-
#d04b04
#d04b04
rgb(208,75,4)
Color Blindness Simulator
Below, you can see how #af5525 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.