#db661f hex color

In a RGB color space, hex #db661f is composed of 85.9% red, 40% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.4% magenta, 85.8% yellow and 14.1% black. It has a hue angle of 22.7 degrees, a saturation of 75.2% and a lightness of 49%. #db661f color hex could be obtained by blending #ffcc3e with #b70000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 40
- B 12
RGB color chart
- C 0
- M 53
- Y 86
- K 14
CMYK color chart

● #db661f color description : Vivid orange.

The hexadecimal color #db661f has RGB values of R:219, G:102, B:31 and CMYK values of C:0, M:0.53, Y:0.86, K:0.14. Its decimal value is 14378527.

Hex triplet	db661f	`#db661f`
RGB Decimal	219, 102, 31	`rgb(219,102,31)`
RGB Percent	85.9, 40, 12.2	`rgb(85.9%,40%,12.2%)`
CMYK	0, 53, 86, 14
HSL	22.7°, 75.2, 49	`hsl(22.7,75.2%,49%)`
HSV (or HSB)	22.7°, 85.8, 85.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.748, 42.11, 57.555
XYZ	34.213, 24.665, 4.255
xyY	0.542, 0.391, 24.665
CIE-LCH	56.748, 71.315, 53.809
CIE-LUV	56.748, 96.185, 47.258
Hunter-Lab	49.664, 36.056, 29.685
Binary	11011011, 01100110, 00011111

#db661f
```
#db661f rgb(219,102,31)
```
#1f94db
```
#1f94db rgb(31,148,219)
```

Complementary Color

#db1f36
```
#db1f36 rgb(219,31,54)
```
#db661f
```
#db661f rgb(219,102,31)
```
#dbc41f
```
#dbc41f rgb(219,196,31)
```

Analogous Color

#1f36db
```
#1f36db rgb(31,54,219)
```
#db661f
```
#db661f rgb(219,102,31)
```
#1fdbc4
```
#1fdbc4 rgb(31,219,196)
```

Split Complementary Color

#661fdb
```
#661fdb rgb(102,31,219)
```
#db661f
```
#db661f rgb(219,102,31)
```
#1fdb66
```
#1fdb66 rgb(31,219,102)
```

Triadic Color

#db1f94
```
#db1f94 rgb(219,31,148)
```
#db661f
```
#db661f rgb(219,102,31)
```
#1fdb66
```
#1fdb66 rgb(31,219,102)
```
#1f94db
```
#1f94db rgb(31,148,219)
```

Tetradic Color

#984716
```
#984716 rgb(152,71,22)
```
#ae5119
```
#ae5119 rgb(174,81,25)
```
#c55c1c
```
#c55c1c rgb(197,92,28)
```
#db661f
```
#db661f rgb(219,102,31)
```
#e27432
```
#e27432 rgb(226,116,50)
```
#e58348
```
#e58348 rgb(229,131,72)
```
#e8925e
```
#e8925e rgb(232,146,94)
```

Monochromatic Color

Below, you can see some colors close to #db661f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#db371f
```
#db371f rgb(219,55,31)
```
#db471f
```
#db471f rgb(219,71,31)
```
#db561f
```
#db561f rgb(219,86,31)
```
#db661f
```
#db661f rgb(219,102,31)
```
#db761f
```
#db761f rgb(219,118,31)
```
#db851f
```
#db851f rgb(219,133,31)
```
#db951f
```
#db951f rgb(219,149,31)
```

Similar Colors

Text with hexadecimal color #db661f

This text has a font color of #db661f.

<span style="color:#db661f;">Text here</span>

#db661f background color

This paragraph has a background color of #db661f.

<p style="background-color:#db661f;">Content here</p>

#db661f border color

This element has a border color of #db661f.

<div style="border:1px solid #db661f;">Content here</div>

CSS codes

.text {color:#db661f;}

.background {background-color:#db661f;}

.border {border:1px solid #db661f;}

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, #0d0602 is the darkest color, while #fefcfb is the lightest one.

#0d0602
```
#0d0602 rgb(13,6,2)
```
#1e0e04
```
#1e0e04 rgb(30,14,4)
```
#2f1607
```
#2f1607 rgb(47,22,7)
```
#401e09
```
#401e09 rgb(64,30,9)
```
#52260c
```
#52260c rgb(82,38,12)
```
#632e0e
```
#632e0e rgb(99,46,14)
```
#743610
```
#743610 rgb(116,54,16)
```
#853e13
```
#853e13 rgb(133,62,19)
```
#964615
```
#964615 rgb(150,70,21)
```
#a74e18
```
#a74e18 rgb(167,78,24)
```
#b9561a
```
#b9561a rgb(185,86,26)
```
#ca5e1d
```
#ca5e1d rgb(202,94,29)
```
#db661f
```
#db661f rgb(219,102,31)
```

Shade Color Variation

#e1712c
```
#e1712c rgb(225,113,44)
```
#e47c3e
```
#e47c3e rgb(228,124,62)
```
#e6884f
```
#e6884f rgb(230,136,79)
```
#e89460
```
#e89460 rgb(232,148,96)
```
#eb9f71
```
#eb9f71 rgb(235,159,113)
```
#edab82
```
#edab82 rgb(237,171,130)
```
#f0b694
```
#f0b694 rgb(240,182,148)
```
#f2c2a5
```
#f2c2a5 rgb(242,194,165)
```
#f5ceb6
```
#f5ceb6 rgb(245,206,182)
```
#f7d9c7
```
#f7d9c7 rgb(247,217,199)
```
#fae5d8
```
#fae5d8 rgb(250,229,216)
```
#fcf0e9
```
#fcf0e9 rgb(252,240,233)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #847b76 is the less saturated color, while #f85f02 is the most saturated one.

#847b76
```
#847b76 rgb(132,123,118)
```
#8e796c
```
#8e796c rgb(142,121,108)
```
#987662
```
#987662 rgb(152,118,98)
```
#a17459
```
#a17459 rgb(161,116,89)
```
#ab724f
```
#ab724f rgb(171,114,79)
```
#b56f45
```
#b56f45 rgb(181,111,69)
```
#be6d3c
```
#be6d3c rgb(190,109,60)
```
#c86b32
```
#c86b32 rgb(200,107,50)
```
#d16829
```
#d16829 rgb(209,104,41)
```
#db661f
```
#db661f rgb(219,102,31)
```
#e56415
```
#e56415 rgb(229,100,21)
```
#ee610c
```
#ee610c rgb(238,97,12)
```
#f85f02
```
#f85f02 rgb(248,95,2)
```

Tone Color Variation

Below, you can see how #db661f 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.

Monochromacy

#818181 Achromatopsia 0.005% of the population
#937c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e32 Protanopia 1% of men
#b1871c Deuteranopia 1% of men
#df676d Tritanopia 0.001% of the population

Trichromacy

#b47f2b Protanomaly 1% of men, 0.01% of women
#c07b1d Deuteranomaly 6% of men, 0.4% of women
#dd6651 Tritanomaly 0.01% of the population

#db661f hex color

#db661f Color Information

#db661f Color Conversion

Color Schemes with #db661f

Alternatives to #db661f

#db661f Preview

Shades and Tints of #db661f

Tones of #db661f

Color Blindness Simulator