#8cb2f3 hex color

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

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

● #8cb2f3 color description : Very soft blue.

The hexadecimal color #8cb2f3 has RGB values of R:140, G:178, B:243 and CMYK values of C:0.42, M:0.27, Y:0, K:0.05. Its decimal value is 9220851.

Hex triplet	8cb2f3	`#8cb2f3`
RGB Decimal	140, 178, 243	`rgb(140,178,243)`
RGB Percent	54.9, 69.8, 95.3	`rgb(54.9%,69.8%,95.3%)`
CMYK	42, 27, 0, 5
HSL	217.9°, 81.1, 75.1	`hsl(217.9,81.1%,75.1%)`
HSV (or HSB)	217.9°, 42.4, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.152, 3.603, -36.403
XYZ	42.91, 43.886, 90.999
xyY	0.241, 0.247, 43.886
CIE-LCH	72.152, 36.581, 275.652
CIE-LUV	72.152, -20.311, -59
Hunter-Lab	66.246, -0.311, -35.071
Binary	10001100, 10110010, 11110011

#8cb2f3
```
#8cb2f3 rgb(140,178,243)
```
#f3cd8c
```
#f3cd8c rgb(243,205,140)
```

Complementary Color

#8ce6f3
```
#8ce6f3 rgb(140,230,243)
```
#8cb2f3
```
#8cb2f3 rgb(140,178,243)
```
#9a8cf3
```
#9a8cf3 rgb(154,140,243)
```

Analogous Color

#e6f38c
```
#e6f38c rgb(230,243,140)
```
#8cb2f3
```
#8cb2f3 rgb(140,178,243)
```
#f39a8c
```
#f39a8c rgb(243,154,140)
```

Split Complementary Color

#b2f38c
```
#b2f38c rgb(178,243,140)
```
#8cb2f3
```
#8cb2f3 rgb(140,178,243)
```
#f38cb2
```
#f38cb2 rgb(243,140,178)
```

Triadic Color

#8cf3cd
```
#8cf3cd rgb(140,243,205)
```
#8cb2f3
```
#8cb2f3 rgb(140,178,243)
```
#f38cb2
```
#f38cb2 rgb(243,140,178)
```
#f3cd8c
```
#f3cd8c rgb(243,205,140)
```

Tetradic Color

#4784ec
```
#4784ec rgb(71,132,236)
```
#5e93ee
```
#5e93ee rgb(94,147,238)
```
#75a3f1
```
#75a3f1 rgb(117,163,241)
```
#8cb2f3
```
#8cb2f3 rgb(140,178,243)
```
#a3c1f5
```
#a3c1f5 rgb(163,193,245)
```
#bad1f8
```
#bad1f8 rgb(186,209,248)
```
#d1e0fa
```
#d1e0fa rgb(209,224,250)
```

Monochromatic Color

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

#8cccf3
```
#8cccf3 rgb(140,204,243)
```
#8cc3f3
```
#8cc3f3 rgb(140,195,243)
```
#8cbbf3
```
#8cbbf3 rgb(140,187,243)
```
#8cb2f3
```
#8cb2f3 rgb(140,178,243)
```
#8ca9f3
```
#8ca9f3 rgb(140,169,243)
```
#8ca1f3
```
#8ca1f3 rgb(140,161,243)
```
#8c98f3
```
#8c98f3 rgb(140,152,243)
```

Similar Colors

Text with hexadecimal color #8cb2f3

This text has a font color of #8cb2f3.

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

#8cb2f3 background color

This paragraph has a background color of #8cb2f3.

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

#8cb2f3 border color

This element has a border color of #8cb2f3.

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

CSS codes

.text {color:#8cb2f3;}

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

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

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)
```
#030c1b
```
#030c1b rgb(3,12,27)
```
#05142d
```
#05142d rgb(5,20,45)
```
#071b3f
```
#071b3f rgb(7,27,63)
```
#082350
```
#082350 rgb(8,35,80)
```
#0a2b62
```
#0a2b62 rgb(10,43,98)
```
#0c3274
```
#0c3274 rgb(12,50,116)
```
#0e3a86
```
#0e3a86 rgb(14,58,134)
```
#104297
```
#104297 rgb(16,66,151)
```
#124aa9
```
#124aa9 rgb(18,74,169)
```
#1451bb
```
#1451bb rgb(20,81,187)
```
#1559cd
```
#1559cd rgb(21,89,205)
```
#1761de
```
#1761de rgb(23,97,222)
```

Shade Color Variation

#216be8
```
#216be8 rgb(33,107,232)
```
#3377ea
```
#3377ea rgb(51,119,234)
```
#4582ec
```
#4582ec rgb(69,130,236)
```
#578eed
```
#578eed rgb(87,142,237)
```
#689aef
```
#689aef rgb(104,154,239)
```
#7aa6f1
```
#7aa6f1 rgb(122,166,241)
```
#8cb2f3
```
#8cb2f3 rgb(140,178,243)
```
#9ebef5
```
#9ebef5 rgb(158,190,245)
```
#b0caf7
```
#b0caf7 rgb(176,202,247)
```
#c1d6f9
```
#c1d6f9 rgb(193,214,249)
```
#d3e2fa
```
#d3e2fa rgb(211,226,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 #82affd is the most saturated one.

#bdbfc2
```
#bdbfc2 rgb(189,191,194)
```
#b8bec7
```
#b8bec7 rgb(184,190,199)
```
#b3bccc
```
#b3bccc rgb(179,188,204)
```
#aebbd1
```
#aebbd1 rgb(174,187,209)
```
#a9bad6
```
#a9bad6 rgb(169,186,214)
```
#a4b8db
```
#a4b8db rgb(164,184,219)
```
#a0b7df
```
#a0b7df rgb(160,183,223)
```
#9bb6e4
```
#9bb6e4 rgb(155,182,228)
```
#96b5e9
```
#96b5e9 rgb(150,181,233)
```
#91b3ee
```
#91b3ee rgb(145,179,238)
```
#8cb2f3
```
#8cb2f3 rgb(140,178,243)
```
#87b1f8
```
#87b1f8 rgb(135,177,248)
```
#82affd
```
#82affd rgb(130,175,253)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a7afbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b2f1 Protanopia 1% of men
#9db3f4 Deuteranopia 1% of men
#84bdcb Tritanopia 0.001% of the population

Trichromacy

#99b2f1 Protanomaly 1% of men, 0.01% of women
#97b2f4 Deuteranomaly 6% of men, 0.4% of women
#87b9da Tritanomaly 0.01% of the population

#8cb2f3 hex color

#8cb2f3 Color Information

#8cb2f3 Color Conversion

Color Schemes with #8cb2f3

Alternatives to #8cb2f3

#8cb2f3 Preview

Shades and Tints of #8cb2f3

Tones of #8cb2f3

Color Blindness Simulator