#84b2ff hex color

In a RGB color space, hex #84b2ff is composed of 51.8% red, 69.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 30.2% magenta, 0% yellow and 0% black. It has a hue angle of 217.6 degrees, a saturation of 100% and a lightness of 75.9%. #84b2ff color hex could be obtained by blending #ffffff with #0965ff. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 52
- G 70
- B 100
RGB color chart
- C 48
- M 30
- Y 0
- K 0
CMYK color chart

● #84b2ff color description : Very light blue.

The hexadecimal color #84b2ff has RGB values of R:132, G:178, B:255 and CMYK values of C:0.48, M:0.3, Y:0, K:0. Its decimal value is 8696575.

Hex triplet	84b2ff	`#84b2ff`
RGB Decimal	132, 178, 255	`rgb(132,178,255)`
RGB Percent	51.8, 69.8, 100	`rgb(51.8%,69.8%,100%)`
CMYK	48, 30, 0, 0
HSL	217.6°, 100, 75.9	`hsl(217.6,100%,75.9%)`
HSV (or HSB)	217.6°, 48.2, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.205, 5.074, -42.844
XYZ	43.482, 43.964, 100.797
xyY	0.231, 0.234, 43.964
CIE-LCH	72.205, 43.144, 276.754
CIE-LUV	72.205, -23.311, -70.173
Hunter-Lab	66.306, 1.023, -43.718
Binary	10000100, 10110010, 11111111

#84b2ff
```
#84b2ff rgb(132,178,255)
```
#ffd184
```
#ffd184 rgb(255,209,132)
```

Complementary Color

#84f0ff
```
#84f0ff rgb(132,240,255)
```
#84b2ff
```
#84b2ff rgb(132,178,255)
```
#9484ff
```
#9484ff rgb(148,132,255)
```

Analogous Color

#f0ff84
```
#f0ff84 rgb(240,255,132)
```
#84b2ff
```
#84b2ff rgb(132,178,255)
```
#ff9484
```
#ff9484 rgb(255,148,132)
```

Split Complementary Color

#b2ff84
```
#b2ff84 rgb(178,255,132)
```
#84b2ff
```
#84b2ff rgb(132,178,255)
```
#ff84b2
```
#ff84b2 rgb(255,132,178)
```

Triadic Color

#84ffd1
```
#84ffd1 rgb(132,255,209)
```
#84b2ff
```
#84b2ff rgb(132,178,255)
```
#ff84b2
```
#ff84b2 rgb(255,132,178)
```
#ffd184
```
#ffd184 rgb(255,209,132)
```

Tetradic Color

#3882ff
```
#3882ff rgb(56,130,255)
```
#5192ff
```
#5192ff rgb(81,146,255)
```
#6ba2ff
```
#6ba2ff rgb(107,162,255)
```
#84b2ff
```
#84b2ff rgb(132,178,255)
```
#9ec2ff
```
#9ec2ff rgb(158,194,255)
```
#b7d2ff
```
#b7d2ff rgb(183,210,255)
```
#d1e2ff
```
#d1e2ff rgb(209,226,255)
```

Monochromatic Color

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

#84d1ff
```
#84d1ff rgb(132,209,255)
```
#84c7ff
```
#84c7ff rgb(132,199,255)
```
#84bcff
```
#84bcff rgb(132,188,255)
```
#84b2ff
```
#84b2ff rgb(132,178,255)
```
#84a8ff
```
#84a8ff rgb(132,168,255)
```
#849eff
```
#849eff rgb(132,158,255)
```
#8493ff
```
#8493ff rgb(132,147,255)
```

Similar Colors

Text with hexadecimal color #84b2ff

This text has a font color of #84b2ff.

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

#84b2ff background color

This paragraph has a background color of #84b2ff.

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

#84b2ff border color

This element has a border color of #84b2ff.

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

CSS codes

.text {color:#84b2ff;}

.background {background-color:#84b2ff;}

.border {border:1px solid #84b2ff;}

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, #00050e is the darkest color, while #fafcff is the lightest one.

#00050e
```
#00050e rgb(0,5,14)
```
#000d22
```
#000d22 rgb(0,13,34)
```
#001436
```
#001436 rgb(0,20,54)
```
#001b49
```
#001b49 rgb(0,27,73)
```
#00235d
```
#00235d rgb(0,35,93)
```
#002a70
```
#002a70 rgb(0,42,112)
```
#003184
```
#003184 rgb(0,49,132)
```
#003998
```
#003998 rgb(0,57,152)
```
#0040ab
```
#0040ab rgb(0,64,171)
```
#0047bf
```
#0047bf rgb(0,71,191)
```
#004fd2
```
#004fd2 rgb(0,79,210)
```
#0056e6
```
#0056e6 rgb(0,86,230)
```
#005dfa
```
#005dfa rgb(0,93,250)
```

Shade Color Variation

#0e68ff
```
#0e68ff rgb(14,104,255)
```
#2275ff
```
#2275ff rgb(34,117,255)
```
#3681ff
```
#3681ff rgb(54,129,255)
```
#498dff
```
#498dff rgb(73,141,255)
```
#5d99ff
```
#5d99ff rgb(93,153,255)
```
#70a6ff
```
#70a6ff rgb(112,166,255)
```
#84b2ff
```
#84b2ff rgb(132,178,255)
```
#98beff
```
#98beff rgb(152,190,255)
```
#abcbff
```
#abcbff rgb(171,203,255)
```
#bfd7ff
```
#bfd7ff rgb(191,215,255)
```
#d2e3ff
```
#d2e3ff rgb(210,227,255)
```
#e6efff
```
#e6efff rgb(230,239,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#bdc0c6
```
#bdc0c6 rgb(189,192,198)
```
#b8bfcb
```
#b8bfcb rgb(184,191,203)
```
#b3bed0
```
#b3bed0 rgb(179,190,208)
```
#afbdd4
```
#afbdd4 rgb(175,189,212)
```
#aabcd9
```
#aabcd9 rgb(170,188,217)
```
#a5bade
```
#a5bade rgb(165,186,222)
```
#a0b9e3
```
#a0b9e3 rgb(160,185,227)
```
#9cb8e7
```
#9cb8e7 rgb(156,184,231)
```
#97b7ec
```
#97b7ec rgb(151,183,236)
```
#92b6f1
```
#92b6f1 rgb(146,182,241)
```
#8db4f6
```
#8db4f6 rgb(141,180,246)
```
#89b3fa
```
#89b3fa rgb(137,179,250)
```
#84b2ff
```
#84b2ff rgb(132,178,255)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a5aebd Atypical Achromatopsia 0.001% of the population

Dichromacy

#9bb2fc Protanopia 1% of men
#93b3ff Deuteranopia 1% of men
#76c0ce Tritanopia 0.001% of the population

Trichromacy

#92b2fd Protanomaly 1% of men, 0.01% of women
#8eb3ff Deuteranomaly 6% of men, 0.4% of women
#7bbadf Tritanomaly 0.01% of the population

#84b2ff hex color

#84b2ff Color Information

#84b2ff Color Conversion

Color Schemes with #84b2ff

Alternatives to #84b2ff

#84b2ff Preview

Shades and Tints of #84b2ff

Tones of #84b2ff

Color Blindness Simulator