#ffbca1 hex color

In a RGB color space, hex #ffbca1 is composed of 100% red, 73.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 36.9% yellow and 0% black. It has a hue angle of 17.2 degrees, a saturation of 100% and a lightness of 81.6%. #ffbca1 color hex could be obtained by blending #ffffff with #ff7943. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 100
- G 74
- B 63
RGB color chart
- C 0
- M 26
- Y 37
- K 0
CMYK color chart

● #ffbca1 color description : Pale orange.

The hexadecimal color #ffbca1 has RGB values of R:255, G:188, B:161 and CMYK values of C:0, M:0.26, Y:0.37, K:0. Its decimal value is 16759969.

Hex triplet	ffbca1	`#ffbca1`
RGB Decimal	255, 188, 161	`rgb(255,188,161)`
RGB Percent	100, 73.7, 63.1	`rgb(100%,73.7%,63.1%)`
CMYK	0, 26, 37, 0
HSL	17.2°, 100, 81.6	`hsl(17.2,100%,81.6%)`
HSV (or HSB)	17.2°, 36.9, 100
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	81.731, 20.74, 23.143
XYZ	65.656, 59.803, 41.801
xyY	0.393, 0.358, 59.803
CIE-LCH	81.731, 31.077, 48.134
CIE-LUV	81.731, 46.242, 27.954
Hunter-Lab	77.332, 16.218, 22.084
Binary	11111111, 10111100, 10100001

#ffbca1
```
#ffbca1 rgb(255,188,161)
```
#a1e4ff
```
#a1e4ff rgb(161,228,255)
```

Complementary Color

#ffa1b5
```
#ffa1b5 rgb(255,161,181)
```
#ffbca1
```
#ffbca1 rgb(255,188,161)
```
#ffeba1
```
#ffeba1 rgb(255,235,161)
```

Analogous Color

#a1b5ff
```
#a1b5ff rgb(161,181,255)
```
#ffbca1
```
#ffbca1 rgb(255,188,161)
```
#a1ffeb
```
#a1ffeb rgb(161,255,235)
```

Split Complementary Color

#bca1ff
```
#bca1ff rgb(188,161,255)
```
#ffbca1
```
#ffbca1 rgb(255,188,161)
```
#a1ffbc
```
#a1ffbc rgb(161,255,188)
```

Triadic Color

#ffa1e4
```
#ffa1e4 rgb(255,161,228)
```
#ffbca1
```
#ffbca1 rgb(255,188,161)
```
#a1ffbc
```
#a1ffbc rgb(161,255,188)
```
#a1e4ff
```
#a1e4ff rgb(161,228,255)
```

Tetradic Color

#ff8555
```
#ff8555 rgb(255,133,85)
```
#ff986e
```
#ff986e rgb(255,152,110)
```
#ffaa88
```
#ffaa88 rgb(255,170,136)
```
#ffbca1
```
#ffbca1 rgb(255,188,161)
```
#ffcebb
```
#ffcebb rgb(255,206,187)
```
#ffe0d4
```
#ffe0d4 rgb(255,224,212)
```
#fff3ee
```
#fff3ee rgb(255,243,238)
```

Monochromatic Color

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

#ffa5a1
```
#ffa5a1 rgb(255,165,161)
```
#ffaca1
```
#ffaca1 rgb(255,172,161)
```
#ffb4a1
```
#ffb4a1 rgb(255,180,161)
```
#ffbca1
```
#ffbca1 rgb(255,188,161)
```
#ffc4a1
```
#ffc4a1 rgb(255,196,161)
```
#ffcca1
```
#ffcca1 rgb(255,204,161)
```
#ffd4a1
```
#ffd4a1 rgb(255,212,161)
```

Similar Colors

Text with hexadecimal color #ffbca1

This text has a font color of #ffbca1.

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

#ffbca1 background color

This paragraph has a background color of #ffbca1.

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

#ffbca1 border color

This element has a border color of #ffbca1.

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

CSS codes

.text {color:#ffbca1;}

.background {background-color:#ffbca1;}

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

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, #040100 is the darkest color, while #fff4ef is the lightest one.

#040100
```
#040100 rgb(4,1,0)
```
#180700
```
#180700 rgb(24,7,0)
```
#2b0c00
```
#2b0c00 rgb(43,12,0)
```
#3f1200
```
#3f1200 rgb(63,18,0)
```
#531800
```
#531800 rgb(83,24,0)
```
#661d00
```
#661d00 rgb(102,29,0)
```
#7a2300
```
#7a2300 rgb(122,35,0)
```
#8d2900
```
#8d2900 rgb(141,41,0)
```
#a12e00
```
#a12e00 rgb(161,46,0)
```
#b53400
```
#b53400 rgb(181,52,0)
```
#c83a00
```
#c83a00 rgb(200,58,0)
```
#dc3f00
```
#dc3f00 rgb(220,63,0)
```
#ef4500
```
#ef4500 rgb(239,69,0)
```

Shade Color Variation

#ff4c04
```
#ff4c04 rgb(255,76,4)
```
#ff5a18
```
#ff5a18 rgb(255,90,24)
```
#ff682b
```
#ff682b rgb(255,104,43)
```
#ff763f
```
#ff763f rgb(255,118,63)
```
#ff8453
```
#ff8453 rgb(255,132,83)
```
#ff9266
```
#ff9266 rgb(255,146,102)
```
#ffa07a
```
#ffa07a rgb(255,160,122)
```
#ffae8d
```
#ffae8d rgb(255,174,141)
```
#ffbca1
```
#ffbca1 rgb(255,188,161)
```
#ffcab5
```
#ffcab5 rgb(255,202,181)
```
#ffd8c8
```
#ffd8c8 rgb(255,216,200)
```
#ffe6dc
```
#ffe6dc rgb(255,230,220)
```
#fff4ef
```
#fff4ef rgb(255,244,239)
```

Tint Color Variation

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

#d4cecc
```
#d4cecc rgb(212,206,204)
```
#d7cdc9
```
#d7cdc9 rgb(215,205,201)
```
#dbcbc5
```
#dbcbc5 rgb(219,203,197)
```
#decac2
```
#decac2 rgb(222,202,194)
```
#e2c8be
```
#e2c8be rgb(226,200,190)
```
#e6c7ba
```
#e6c7ba rgb(230,199,186)
```
#e9c5b7
```
#e9c5b7 rgb(233,197,183)
```
#edc4b3
```
#edc4b3 rgb(237,196,179)
```
#f1c2af
```
#f1c2af rgb(241,194,175)
```
#f4c1ac
```
#f4c1ac rgb(244,193,172)
```
#f8bfa8
```
#f8bfa8 rgb(248,191,168)
```
#fbbea5
```
#fbbea5 rgb(251,190,165)
```
#ffbca1
```
#ffbca1 rgb(255,188,161)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d7cac4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cdab Protanopia 1% of men
#efc6a4 Deuteranopia 1% of men
#ffbcc7 Tritanopia 0.001% of the population

Trichromacy

#e6c7a7 Protanomaly 1% of men, 0.01% of women
#f5c2a2 Deuteranomaly 6% of men, 0.4% of women
#ffbcb9 Tritanomaly 0.01% of the population

#ffbca1 hex color

#ffbca1 Color Information

#ffbca1 Color Conversion

Color Schemes with #ffbca1

Alternatives to #ffbca1

#ffbca1 Preview

Shades and Tints of #ffbca1

Tones of #ffbca1

Color Blindness Simulator