#ffc695 hex color

In a RGB color space, hex #ffc695 is composed of 100% red, 77.6% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 41.6% yellow and 0% black. It has a hue angle of 27.7 degrees, a saturation of 100% and a lightness of 79.2%. #ffc695 color hex could be obtained by blending #ffffff with #ff8d2b. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 100
- G 78
- B 58
RGB color chart
- C 0
- M 22
- Y 42
- K 0
CMYK color chart

● #ffc695 color description : Very light orange.

The hexadecimal color #ffc695 has RGB values of R:255, G:198, B:149 and CMYK values of C:0, M:0.22, Y:0.42, K:0. Its decimal value is 16762517.

Hex triplet	ffc695	`#ffc695`
RGB Decimal	255, 198, 149	`rgb(255,198,149)`
RGB Percent	100, 77.6, 58.4	`rgb(100%,77.6%,58.4%)`
CMYK	0, 22, 42, 0
HSL	27.7°, 100, 79.2	`hsl(27.7,100%,79.2%)`
HSV (or HSB)	27.7°, 41.6, 100
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	83.872, 14.192, 32.341
XYZ	66.859, 63.821, 37.229
xyY	0.398, 0.38, 63.821
CIE-LCH	83.872, 35.318, 66.308
CIE-LUV	83.872, 41.006, 40.723
Hunter-Lab	79.888, 9.584, 28.291
Binary	11111111, 11000110, 10010101

#ffc695
```
#ffc695 rgb(255,198,149)
```
#95ceff
```
#95ceff rgb(149,206,255)
```

Complementary Color

#ff9599
```
#ff9599 rgb(255,149,153)
```
#ffc695
```
#ffc695 rgb(255,198,149)
```
#fffb95
```
#fffb95 rgb(255,251,149)
```

Analogous Color

#9599ff
```
#9599ff rgb(149,153,255)
```
#ffc695
```
#ffc695 rgb(255,198,149)
```
#95fffb
```
#95fffb rgb(149,255,251)
```

Split Complementary Color

#c695ff
```
#c695ff rgb(198,149,255)
```
#ffc695
```
#ffc695 rgb(255,198,149)
```
#95ffc6
```
#95ffc6 rgb(149,255,198)
```

Triadic Color

#ff95ce
```
#ff95ce rgb(255,149,206)
```
#ffc695
```
#ffc695 rgb(255,198,149)
```
#95ffc6
```
#95ffc6 rgb(149,255,198)
```
#95ceff
```
#95ceff rgb(149,206,255)
```

Tetradic Color

#ff9d49
```
#ff9d49 rgb(255,157,73)
```
#ffab62
```
#ffab62 rgb(255,171,98)
```
#ffb87c
```
#ffb87c rgb(255,184,124)
```
#ffc695
```
#ffc695 rgb(255,198,149)
```
#ffd4af
```
#ffd4af rgb(255,212,175)
```
#ffe1c8
```
#ffe1c8 rgb(255,225,200)
```
#ffefe2
```
#ffefe2 rgb(255,239,226)
```

Monochromatic Color

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

#ffac95
```
#ffac95 rgb(255,172,149)
```
#ffb495
```
#ffb495 rgb(255,180,149)
```
#ffbd95
```
#ffbd95 rgb(255,189,149)
```
#ffc695
```
#ffc695 rgb(255,198,149)
```
#ffcf95
```
#ffcf95 rgb(255,207,149)
```
#ffd895
```
#ffd895 rgb(255,216,149)
```
#ffe195
```
#ffe195 rgb(255,225,149)
```

Similar Colors

Text with hexadecimal color #ffc695

This text has a font color of #ffc695.

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

#ffc695 background color

This paragraph has a background color of #ffc695.

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

#ffc695 border color

This element has a border color of #ffc695.

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

CSS codes

.text {color:#ffc695;}

.background {background-color:#ffc695;}

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

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

#0c0500
```
#0c0500 rgb(12,5,0)
```
#1f0e00
```
#1f0e00 rgb(31,14,0)
```
#331800
```
#331800 rgb(51,24,0)
```
#472100
```
#472100 rgb(71,33,0)
```
#5a2a00
```
#5a2a00 rgb(90,42,0)
```
#6e3300
```
#6e3300 rgb(110,51,0)
```
#813c00
```
#813c00 rgb(129,60,0)
```
#954500
```
#954500 rgb(149,69,0)
```
#a94e00
```
#a94e00 rgb(169,78,0)
```
#bc5700
```
#bc5700 rgb(188,87,0)
```
#d06000
```
#d06000 rgb(208,96,0)
```
#e36900
```
#e36900 rgb(227,105,0)
```
#f77200
```
#f77200 rgb(247,114,0)
```

Shade Color Variation

#ff7c0c
```
#ff7c0c rgb(255,124,12)
```
#ff871f
```
#ff871f rgb(255,135,31)
```
#ff9133
```
#ff9133 rgb(255,145,51)
```
#ff9c47
```
#ff9c47 rgb(255,156,71)
```
#ffa65a
```
#ffa65a rgb(255,166,90)
```
#ffb16e
```
#ffb16e rgb(255,177,110)
```
#ffbb81
```
#ffbb81 rgb(255,187,129)
```
#ffc695
```
#ffc695 rgb(255,198,149)
```
#ffd1a9
```
#ffd1a9 rgb(255,209,169)
```
#ffdbbc
```
#ffdbbc rgb(255,219,188)
```
#ffe6d0
```
#ffe6d0 rgb(255,230,208)
```
#fff0e3
```
#fff0e3 rgb(255,240,227)
```
#fffbf7
```
#fffbf7 rgb(255,251,247)
```

Tint Color Variation

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

#cecac6
```
#cecac6 rgb(206,202,198)
```
#d2c9c2
```
#d2c9c2 rgb(210,201,194)
```
#d6c9be
```
#d6c9be rgb(214,201,190)
```
#dac9ba
```
#dac9ba rgb(218,201,186)
```
#dec8b6
```
#dec8b6 rgb(222,200,182)
```
#e2c8b2
```
#e2c8b2 rgb(226,200,178)
```
#e7c8ad
```
#e7c8ad rgb(231,200,173)
```
#ebc8a9
```
#ebc8a9 rgb(235,200,169)
```
#efc7a5
```
#efc7a5 rgb(239,199,165)
```
#f3c7a1
```
#f3c7a1 rgb(243,199,161)
```
#f7c79d
```
#f7c79d rgb(247,199,157)
```
#fbc699
```
#fbc699 rgb(251,198,153)
```
#ffc695
```
#ffc695 rgb(255,198,149)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#dacfc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d39e Protanopia 1% of men
#f9cb99 Deuteranopia 1% of men
#ffc4cf Tritanopia 0.001% of the population

Trichromacy

#ecce9b Protanomaly 1% of men, 0.01% of women
#fbc998 Deuteranomaly 6% of men, 0.4% of women
#ffc4ba Tritanomaly 0.01% of the population

#ffc695 hex color

#ffc695 Color Information

#ffc695 Color Conversion

Color Schemes with #ffc695

Alternatives to #ffc695

#ffc695 Preview

Shades and Tints of #ffc695

Tones of #ffc695

Color Blindness Simulator