colorhexa.com

#95b3f4 hex color

In a RGB color space, hex #95b3f4 is composed of 58.4% red, 70.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 26.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 221.1 degrees, a saturation of 81.2% and a lightness of 77.1%. #95b3f4 color hex could be obtained by blending #ffffff with #2b67e9. Closest websafe color is: #99ccff.

- R 58
- G 70
- B 96
RGB color chart
- C 39
- M 27
- Y 0
- K 4
CMYK color chart

● #95b3f4 color description : Very soft blue.

The hexadecimal color #95b3f4 has RGB values of R:149, G:179, B:244 and CMYK values of C:0.39, M:0.27, Y:0, K:0.04. Its decimal value is 9810932.

Hex triplet	95b3f4	`#95b3f4`
RGB Decimal	149, 179, 244	`rgb(149,179,244)`
RGB Percent	58.4, 70.2, 95.7	`rgb(58.4%,70.2%,95.7%)`
CMYK	39, 27, 0, 4
HSL	221.1°, 81.2, 77.1	`hsl(221.1,81.2%,77.1%)`
HSV (or HSB)	221.1°, 38.9, 95.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.997, 5.628, -35.591
XYZ	44.84, 45.16, 91.937
xyY	0.246, 0.248, 45.16
CIE-LCH	72.997, 36.033, 278.986
CIE-LUV	72.997, -17.203, -57.984
Hunter-Lab	67.201, 1.503, -34.073
Binary	10010101, 10110011, 11110100

#95b3f4
```
#95b3f4 rgb(149,179,244)
```
#f4d695
```
#f4d695 rgb(244,214,149)
```

Complementary Color

#95e3f4
```
#95e3f4 rgb(149,227,244)
```
#95b3f4
```
#95b3f4 rgb(149,179,244)
```
#a795f4
```
#a795f4 rgb(167,149,244)
```

Analogous Color

#e3f495
```
#e3f495 rgb(227,244,149)
```
#95b3f4
```
#95b3f4 rgb(149,179,244)
```
#f4a795
```
#f4a795 rgb(244,167,149)
```

Split Complementary Color

#b3f495
```
#b3f495 rgb(179,244,149)
```
#95b3f4
```
#95b3f4 rgb(149,179,244)
```
#f495b3
```
#f495b3 rgb(244,149,179)
```

Triadic Color

#95f4d6
```
#95f4d6 rgb(149,244,214)
```
#95b3f4
```
#95b3f4 rgb(149,179,244)
```
#f495b3
```
#f495b3 rgb(244,149,179)
```
#f4d695
```
#f4d695 rgb(244,214,149)
```

Tetradic Color

#5081ed
```
#5081ed rgb(80,129,237)
```
#6792ef
```
#6792ef rgb(103,146,239)
```
#7ea2f2
```
#7ea2f2 rgb(126,162,242)
```
#95b3f4
```
#95b3f4 rgb(149,179,244)
```
#acc4f6
```
#acc4f6 rgb(172,196,246)
```
#c3d4f9
```
#c3d4f9 rgb(195,212,249)
```
#dae5fb
```
#dae5fb rgb(218,229,251)
```

Monochromatic Color

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

#95cbf4
```
#95cbf4 rgb(149,203,244)
```
#95c3f4
```
#95c3f4 rgb(149,195,244)
```
#95bbf4
```
#95bbf4 rgb(149,187,244)
```
#95b3f4
```
#95b3f4 rgb(149,179,244)
```
#95abf4
```
#95abf4 rgb(149,171,244)
```
#95a3f4
```
#95a3f4 rgb(149,163,244)
```
#959bf4
```
#959bf4 rgb(149,155,244)
```

Similar Colors

Text with hexadecimal color #95b3f4

This text has a font color of #95b3f4.

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

#95b3f4 background color

This paragraph has a background color of #95b3f4.

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

#95b3f4 border color

This element has a border color of #95b3f4.

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

CSS codes

.text {color:#95b3f4;}

.background {background-color:#95b3f4;}

.border {border:1px solid #95b3f4;}

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

#000001
```
#000001 rgb(0,0,1)
```
#020712
```
#020712 rgb(2,7,18)
```
#040e24
```
#040e24 rgb(4,14,36)
```
#061536
```
#061536 rgb(6,21,54)
```
#071c48
```
#071c48 rgb(7,28,72)
```
#092359
```
#092359 rgb(9,35,89)
```
#0b296b
```
#0b296b rgb(11,41,107)
```
#0d307d
```
#0d307d rgb(13,48,125)
```
#0f378f
```
#0f378f rgb(15,55,143)
```
#113ea1
```
#113ea1 rgb(17,62,161)
```
#1345b2
```
#1345b2 rgb(19,69,178)
```
#144cc4
```
#144cc4 rgb(20,76,196)
```
#1653d6
```
#1653d6 rgb(22,83,214)
```

Shade Color Variation

#195ae7
```
#195ae7 rgb(25,90,231)
```
#2a67e9
```
#2a67e9 rgb(42,103,233)
```
#3c73eb
```
#3c73eb rgb(60,115,235)
```
#4e80ed
```
#4e80ed rgb(78,128,237)
```
#608dee
```
#608dee rgb(96,141,238)
```
#719af0
```
#719af0 rgb(113,154,240)
```
#83a6f2
```
#83a6f2 rgb(131,166,242)
```
#95b3f4
```
#95b3f4 rgb(149,179,244)
```
#a7c0f6
```
#a7c0f6 rgb(167,192,246)
```
#b9ccf8
```
#b9ccf8 rgb(185,204,248)
```
#cad9fa
```
#cad9fa rgb(202,217,250)
```
#dce6fb
```
#dce6fb rgb(220,230,251)
```
#eef3fd
```
#eef3fd rgb(238,243,253)
```

Tint Color Variation

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

#c2c4c7
```
#c2c4c7 rgb(194,196,199)
```
#bec2cc
```
#bec2cc rgb(190,194,204)
```
#b9c0d0
```
#b9c0d0 rgb(185,192,208)
```
#b5bfd5
```
#b5bfd5 rgb(181,191,213)
```
#b0bdd9
```
#b0bdd9 rgb(176,189,217)
```
#acbbde
```
#acbbde rgb(172,187,222)
```
#a7bae2
```
#a7bae2 rgb(167,186,226)
```
#a3b8e7
```
#a3b8e7 rgb(163,184,231)
```
#9eb6eb
```
#9eb6eb rgb(158,182,235)
```
#9ab5f0
```
#9ab5f0 rgb(154,181,240)
```
#95b3f4
```
#95b3f4 rgb(149,179,244)
```
#91b1f9
```
#91b1f9 rgb(145,177,249)
```
#8cb0fd
```
#8cb0fd rgb(140,176,253)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#abb1be Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b4f3 Protanopia 1% of men
#a1b5f5 Deuteranopia 1% of men
#8dbecc Tritanopia 0.001% of the population

Trichromacy

#9eb4f3 Protanomaly 1% of men, 0.01% of women
#9db4f4 Deuteranomaly 6% of men, 0.4% of women
#90bada Tritanomaly 0.01% of the population