#95caf1 hex color

In a RGB color space, hex #95caf1 is composed of 58.4% red, 79.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 16.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 205.4 degrees, a saturation of 76.7% and a lightness of 76.5%. #95caf1 color hex could be obtained by blending #ffffff with #2b95e3. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 58
- G 79
- B 95
RGB color chart
- C 38
- M 16
- Y 0
- K 5
CMYK color chart

● #95caf1 color description : Very soft blue.

The hexadecimal color #95caf1 has RGB values of R:149, G:202, B:241 and CMYK values of C:0.38, M:0.16, Y:0, K:0.05. Its decimal value is 9816817.

Hex triplet	95caf1	`#95caf1`
RGB Decimal	149, 202, 241	`rgb(149,202,241)`
RGB Percent	58.4, 79.2, 94.5	`rgb(58.4%,79.2%,94.5%)`
CMYK	38, 16, 0, 5
HSL	205.4°, 76.7, 76.5	`hsl(205.4,76.7%,76.5%)`
HSV (or HSB)	205.4°, 38.2, 94.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.029, -7.635, -24.7
XYZ	49.388, 54.979, 91.224
xyY	0.253, 0.281, 54.979
CIE-LCH	79.029, 25.853, 252.824
CIE-LUV	79.029, -26.422, -38.239
Hunter-Lab	74.148, -10.864, -21.04
Binary	10010101, 11001010, 11110001

#95caf1
```
#95caf1 rgb(149,202,241)
```
#f1bc95
```
#f1bc95 rgb(241,188,149)
```

Complementary Color

#95f1ea
```
#95f1ea rgb(149,241,234)
```
#95caf1
```
#95caf1 rgb(149,202,241)
```
#959cf1
```
#959cf1 rgb(149,156,241)
```

Analogous Color

#f1ea95
```
#f1ea95 rgb(241,234,149)
```
#95caf1
```
#95caf1 rgb(149,202,241)
```
#f1959c
```
#f1959c rgb(241,149,156)
```

Split Complementary Color

#caf195
```
#caf195 rgb(202,241,149)
```
#95caf1
```
#95caf1 rgb(149,202,241)
```
#f195ca
```
#f195ca rgb(241,149,202)
```

Triadic Color

#95f1bc
```
#95f1bc rgb(149,241,188)
```
#95caf1
```
#95caf1 rgb(149,202,241)
```
#f195ca
```
#f195ca rgb(241,149,202)
```
#f1bc95
```
#f1bc95 rgb(241,188,149)
```

Tetradic Color

#51a8e8
```
#51a8e8 rgb(81,168,232)
```
#68b3eb
```
#68b3eb rgb(104,179,235)
```
#7ebfee
```
#7ebfee rgb(126,191,238)
```
#95caf1
```
#95caf1 rgb(149,202,241)
```
#acd5f4
```
#acd5f4 rgb(172,213,244)
```
#c2e1f7
```
#c2e1f7 rgb(194,225,247)
```
#d9ecfa
```
#d9ecfa rgb(217,236,250)
```

Monochromatic Color

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

#95e1f1
```
#95e1f1 rgb(149,225,241)
```
#95d9f1
```
#95d9f1 rgb(149,217,241)
```
#95d2f1
```
#95d2f1 rgb(149,210,241)
```
#95caf1
```
#95caf1 rgb(149,202,241)
```
#95c2f1
```
#95c2f1 rgb(149,194,241)
```
#95bbf1
```
#95bbf1 rgb(149,187,241)
```
#95b3f1
```
#95b3f1 rgb(149,179,241)
```

Similar Colors

Text with hexadecimal color #95caf1

This text has a font color of #95caf1.

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

#95caf1 background color

This paragraph has a background color of #95caf1.

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

#95caf1 border color

This element has a border color of #95caf1.

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

CSS codes

.text {color:#95caf1;}

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

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

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, #020a0f is the darkest color, while #fdfeff is the lightest one.

#020a0f
```
#020a0f rgb(2,10,15)
```
#041521
```
#041521 rgb(4,21,33)
```
#072032
```
#072032 rgb(7,32,50)
```
#092b43
```
#092b43 rgb(9,43,67)
```
#0b3555
```
#0b3555 rgb(11,53,85)
```
#0d4066
```
#0d4066 rgb(13,64,102)
```
#104b77
```
#104b77 rgb(16,75,119)
```
#125689
```
#125689 rgb(18,86,137)
```
#14619a
```
#14619a rgb(20,97,154)
```
#176cab
```
#176cab rgb(23,108,171)
```
#1977bd
```
#1977bd rgb(25,119,189)
```
#1b82ce
```
#1b82ce rgb(27,130,206)
```
#1d8ddf
```
#1d8ddf rgb(29,141,223)
```

Shade Color Variation

#2d96e3
```
#2d96e3 rgb(45,150,227)
```
#3e9fe6
```
#3e9fe6 rgb(62,159,230)
```
#50a7e8
```
#50a7e8 rgb(80,167,232)
```
#61b0ea
```
#61b0ea rgb(97,176,234)
```
#72b9ec
```
#72b9ec rgb(114,185,236)
```
#84c1ef
```
#84c1ef rgb(132,193,239)
```
#95caf1
```
#95caf1 rgb(149,202,241)
```
#a6d3f3
```
#a6d3f3 rgb(166,211,243)
```
#b8dbf6
```
#b8dbf6 rgb(184,219,246)
```
#c9e4f8
```
#c9e4f8 rgb(201,228,248)
```
#daedfa
```
#daedfa rgb(218,237,250)
```
#ecf5fc
```
#ecf5fc rgb(236,245,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#bfc4c7
```
#bfc4c7 rgb(191,196,199)
```
#bac4cc
```
#bac4cc rgb(186,196,204)
```
#b5c5d1
```
#b5c5d1 rgb(181,197,209)
```
#b1c6d5
```
#b1c6d5 rgb(177,198,213)
```
#acc6da
```
#acc6da rgb(172,198,218)
```
#a7c7df
```
#a7c7df rgb(167,199,223)
```
#a3c8e3
```
#a3c8e3 rgb(163,200,227)
```
#9ec9e8
```
#9ec9e8 rgb(158,201,232)
```
#9ac9ec
```
#9ac9ec rgb(154,201,236)
```
#95caf1
```
#95caf1 rgb(149,202,241)
```
#90cbf6
```
#90cbf6 rgb(144,203,246)
```
#8ccbfa
```
#8ccbfa rgb(140,203,250)
```
#87ccff
```
#87ccff rgb(135,204,255)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b7c1c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc5ec Protanopia 1% of men
#bfc3f5 Deuteranopia 1% of men
#94d0df Tritanopia 0.001% of the population

Trichromacy

#aec6ee Protanomaly 1% of men, 0.01% of women
#b0c5f3 Deuteranomaly 6% of men, 0.4% of women
#94cde5 Tritanomaly 0.01% of the population

#95caf1 hex color

#95caf1 Color Information

#95caf1 Color Conversion

Color Schemes with #95caf1

Alternatives to #95caf1

#95caf1 Preview

Shades and Tints of #95caf1

Tones of #95caf1

Color Blindness Simulator