#8caff3 hex color

In a RGB color space, hex #8caff3 is composed of 54.9% red, 68.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 28% magenta, 0% yellow and 4.7% black. It has a hue angle of 219.6 degrees, a saturation of 81.1% and a lightness of 75.1%. #8caff3 color hex could be obtained by blending #ffffff with #195fe7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 55
- G 69
- B 95
RGB color chart
- C 42
- M 28
- Y 0
- K 5
CMYK color chart

● #8caff3 color description : Very soft blue.

The hexadecimal color #8caff3 has RGB values of R:140, G:175, B:243 and CMYK values of C:0.42, M:0.28, Y:0, K:0.05. Its decimal value is 9220083.

Hex triplet	8caff3	`#8caff3`
RGB Decimal	140, 175, 243	`rgb(140,175,243)`
RGB Percent	54.9, 68.6, 95.3	`rgb(54.9%,68.6%,95.3%)`
CMYK	42, 28, 0, 5
HSL	219.6°, 81.1, 75.1	`hsl(219.6,81.1%,75.1%)`
HSV (or HSB)	219.6°, 42.4, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.354, 5.274, -37.642
XYZ	42.319, 42.705, 90.802
xyY	0.241, 0.243, 42.705
CIE-LCH	71.354, 38.01, 277.976
CIE-LUV	71.354, -19.147, -61.229
Hunter-Lab	65.349, 1.234, -36.639
Binary	10001100, 10101111, 11110011

#8caff3
```
#8caff3 rgb(140,175,243)
```
#f3d08c
```
#f3d08c rgb(243,208,140)
```

Complementary Color

#8ce3f3
```
#8ce3f3 rgb(140,227,243)
```
#8caff3
```
#8caff3 rgb(140,175,243)
```
#9d8cf3
```
#9d8cf3 rgb(157,140,243)
```

Analogous Color

#e3f38c
```
#e3f38c rgb(227,243,140)
```
#8caff3
```
#8caff3 rgb(140,175,243)
```
#f39d8c
```
#f39d8c rgb(243,157,140)
```

Split Complementary Color

#aff38c
```
#aff38c rgb(175,243,140)
```
#8caff3
```
#8caff3 rgb(140,175,243)
```
#f38caf
```
#f38caf rgb(243,140,175)
```

Triadic Color

#8cf3d0
```
#8cf3d0 rgb(140,243,208)
```
#8caff3
```
#8caff3 rgb(140,175,243)
```
#f38caf
```
#f38caf rgb(243,140,175)
```
#f3d08c
```
#f3d08c rgb(243,208,140)
```

Tetradic Color

#477fec
```
#477fec rgb(71,127,236)
```
#5e8fee
```
#5e8fee rgb(94,143,238)
```
#759ff1
```
#759ff1 rgb(117,159,241)
```
#8caff3
```
#8caff3 rgb(140,175,243)
```
#a3bff5
```
#a3bff5 rgb(163,191,245)
```
#bacff8
```
#bacff8 rgb(186,207,248)
```
#d1dffa
```
#d1dffa rgb(209,223,250)
```

Monochromatic Color

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

#8cc9f3
```
#8cc9f3 rgb(140,201,243)
```
#8cc0f3
```
#8cc0f3 rgb(140,192,243)
```
#8cb8f3
```
#8cb8f3 rgb(140,184,243)
```
#8caff3
```
#8caff3 rgb(140,175,243)
```
#8ca6f3
```
#8ca6f3 rgb(140,166,243)
```
#8c9ef3
```
#8c9ef3 rgb(140,158,243)
```
#8c95f3
```
#8c95f3 rgb(140,149,243)
```

Similar Colors

Text with hexadecimal color #8caff3

This text has a font color of #8caff3.

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

#8caff3 background color

This paragraph has a background color of #8caff3.

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

#8caff3 border color

This element has a border color of #8caff3.

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

CSS codes

.text {color:#8caff3;}

.background {background-color:#8caff3;}

.border {border:1px solid #8caff3;}

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

#010409
```
#010409 rgb(1,4,9)
```
#030b1b
```
#030b1b rgb(3,11,27)
```
#05122d
```
#05122d rgb(5,18,45)
```
#071a3f
```
#071a3f rgb(7,26,63)
```
#082150
```
#082150 rgb(8,33,80)
```
#0a2862
```
#0a2862 rgb(10,40,98)
```
#0c2f74
```
#0c2f74 rgb(12,47,116)
```
#0e3786
```
#0e3786 rgb(14,55,134)
```
#103e97
```
#103e97 rgb(16,62,151)
```
#1245a9
```
#1245a9 rgb(18,69,169)
```
#144cbb
```
#144cbb rgb(20,76,187)
```
#1554cd
```
#1554cd rgb(21,84,205)
```
#175bde
```
#175bde rgb(23,91,222)
```

Shade Color Variation

#2165e8
```
#2165e8 rgb(33,101,232)
```
#3371ea
```
#3371ea rgb(51,113,234)
```
#457eec
```
#457eec rgb(69,126,236)
```
#578aed
```
#578aed rgb(87,138,237)
```
#6896ef
```
#6896ef rgb(104,150,239)
```
#7aa3f1
```
#7aa3f1 rgb(122,163,241)
```
#8caff3
```
#8caff3 rgb(140,175,243)
```
#9ebbf5
```
#9ebbf5 rgb(158,187,245)
```
#b0c8f7
```
#b0c8f7 rgb(176,200,247)
```
#c1d4f9
```
#c1d4f9 rgb(193,212,249)
```
#d3e0fa
```
#d3e0fa rgb(211,224,250)
```
#e5edfc
```
#e5edfc rgb(229,237,252)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#bdbfc2
```
#bdbfc2 rgb(189,191,194)
```
#b8bdc7
```
#b8bdc7 rgb(184,189,199)
```
#b3bccc
```
#b3bccc rgb(179,188,204)
```
#aebad1
```
#aebad1 rgb(174,186,209)
```
#a9b8d6
```
#a9b8d6 rgb(169,184,214)
```
#a4b7db
```
#a4b7db rgb(164,183,219)
```
#a0b5df
```
#a0b5df rgb(160,181,223)
```
#9bb4e4
```
#9bb4e4 rgb(155,180,228)
```
#96b2e9
```
#96b2e9 rgb(150,178,233)
```
#91b1ee
```
#91b1ee rgb(145,177,238)
```
#8caff3
```
#8caff3 rgb(140,175,243)
```
#87adf8
```
#87adf8 rgb(135,173,248)
```
#82acfd
```
#82acfd rgb(130,172,253)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a6adba Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db0f1 Protanopia 1% of men
#99b1f4 Deuteranopia 1% of men
#83bbc9 Tritanopia 0.001% of the population

Trichromacy

#97b0f2 Protanomaly 1% of men, 0.01% of women
#94b0f3 Deuteranomaly 6% of men, 0.4% of women
#86b7d8 Tritanomaly 0.01% of the population

#8caff3 hex color

#8caff3 Color Information

#8caff3 Color Conversion

Color Schemes with #8caff3

Alternatives to #8caff3

#8caff3 Preview

Shades and Tints of #8caff3

Tones of #8caff3

Color Blindness Simulator