#5fccfd hex color

In a RGB color space, hex #5fccfd is composed of 37.3% red, 80% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 19.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 198.6 degrees, a saturation of 97.5% and a lightness of 68.2%. #5fccfd color hex could be obtained by blending #beffff with #0099fb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 80
- B 99
RGB color chart
- C 62
- M 19
- Y 0
- K 1
CMYK color chart

● #5fccfd color description : Soft blue.

The hexadecimal color #5fccfd has RGB values of R:95, G:204, B:253 and CMYK values of C:0.62, M:0.19, Y:0, K:0.01. Its decimal value is 6278397.

Hex triplet	5fccfd	`#5fccfd`
RGB Decimal	95, 204, 253	`rgb(95,204,253)`
RGB Percent	37.3, 80, 99.2	`rgb(37.3%,80%,99.2%)`
CMYK	62, 19, 0, 1
HSL	198.6°, 97.5, 68.2	`hsl(198.6,97.5%,68.2%)`
HSV (or HSB)	198.6°, 62.5, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.702, -16.988, -33.353
XYZ	44.037, 52.707, 100.776
xyY	0.223, 0.267, 52.707
CIE-LCH	77.702, 37.43, 243.008
CIE-LUV	77.702, -43.346, -51.637
Hunter-Lab	72.6, -18.776, -31.481
Binary	01011111, 11001100, 11111101

#5fccfd
```
#5fccfd rgb(95,204,253)
```
#fd905f
```
#fd905f rgb(253,144,95)
```

Complementary Color

#5ffddf
```
#5ffddf rgb(95,253,223)
```
#5fccfd
```
#5fccfd rgb(95,204,253)
```
#5f7dfd
```
#5f7dfd rgb(95,125,253)
```

Analogous Color

#fddf5f
```
#fddf5f rgb(253,223,95)
```
#5fccfd
```
#5fccfd rgb(95,204,253)
```
#fd5f7d
```
#fd5f7d rgb(253,95,125)
```

Split Complementary Color

#ccfd5f
```
#ccfd5f rgb(204,253,95)
```
#5fccfd
```
#5fccfd rgb(95,204,253)
```
#fd5fcc
```
#fd5fcc rgb(253,95,204)
```

Triadic Color

#5ffd90
```
#5ffd90 rgb(95,253,144)
```
#5fccfd
```
#5fccfd rgb(95,204,253)
```
#fd5fcc
```
#fd5fcc rgb(253,95,204)
```
#fd905f
```
#fd905f rgb(253,144,95)
```

Tetradic Color

#13b4fc
```
#13b4fc rgb(19,180,252)
```
#2dbcfc
```
#2dbcfc rgb(45,188,252)
```
#46c4fd
```
#46c4fd rgb(70,196,253)
```
#5fccfd
```
#5fccfd rgb(95,204,253)
```
#78d4fd
```
#78d4fd rgb(120,212,253)
```
#91dcfe
```
#91dcfe rgb(145,220,254)
```
#abe4fe
```
#abe4fe rgb(171,228,254)
```

Monochromatic Color

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

#5ff4fd
```
#5ff4fd rgb(95,244,253)
```
#5fe6fd
```
#5fe6fd rgb(95,230,253)
```
#5fd9fd
```
#5fd9fd rgb(95,217,253)
```
#5fccfd
```
#5fccfd rgb(95,204,253)
```
#5fbffd
```
#5fbffd rgb(95,191,253)
```
#5fb2fd
```
#5fb2fd rgb(95,178,253)
```
#5fa5fd
```
#5fa5fd rgb(95,165,253)
```

Similar Colors

Text with hexadecimal color #5fccfd

This text has a font color of #5fccfd.

<span style="color:#5fccfd;">Text here</span>

#5fccfd background color

This paragraph has a background color of #5fccfd.

<p style="background-color:#5fccfd;">Content here</p>

#5fccfd border color

This element has a border color of #5fccfd.

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

CSS codes

.text {color:#5fccfd;}

.background {background-color:#5fccfd;}

.border {border:1px solid #5fccfd;}

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, #000a0e is the darkest color, while #fafdff is the lightest one.

#000a0e
```
#000a0e rgb(0,10,14)
```
#001722
```
#001722 rgb(0,23,34)
```
#012535
```
#012535 rgb(1,37,53)
```
#013248
```
#013248 rgb(1,50,72)
```
#01405c
```
#01405c rgb(1,64,92)
```
#014d6f
```
#014d6f rgb(1,77,111)
```
#025b83
```
#025b83 rgb(2,91,131)
```
#026896
```
#026896 rgb(2,104,150)
```
#0275a9
```
#0275a9 rgb(2,117,169)
```
#0283bd
```
#0283bd rgb(2,131,189)
```
#0390d0
```
#0390d0 rgb(3,144,208)
```
#039ee3
```
#039ee3 rgb(3,158,227)
```
#03abf7
```
#03abf7 rgb(3,171,247)
```

Shade Color Variation

#12b3fc
```
#12b3fc rgb(18,179,252)
```
#25b9fc
```
#25b9fc rgb(37,185,252)
```
#38c0fd
```
#38c0fd rgb(56,192,253)
```
#4cc6fd
```
#4cc6fd rgb(76,198,253)
```
#5fccfd
```
#5fccfd rgb(95,204,253)
```
#72d2fd
```
#72d2fd rgb(114,210,253)
```
#86d8fd
```
#86d8fd rgb(134,216,253)
```
#99dffe
```
#99dffe rgb(153,223,254)
```
#ace5fe
```
#ace5fe rgb(172,229,254)
```
#c0ebfe
```
#c0ebfe rgb(192,235,254)
```
#d3f1fe
```
#d3f1fe rgb(211,241,254)
```
#e7f7ff
```
#e7f7ff rgb(231,247,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#aab0b2
```
#aab0b2 rgb(170,176,178)
```
#a4b2b8
```
#a4b2b8 rgb(164,178,184)
```
#9db4bf
```
#9db4bf rgb(157,180,191)
```
#97b7c5
```
#97b7c5 rgb(151,183,197)
```
#91b9cb
```
#91b9cb rgb(145,185,203)
```
#8bbbd1
```
#8bbbd1 rgb(139,187,209)
```
#84bed8
```
#84bed8 rgb(132,190,216)
```
#7ec0de
```
#7ec0de rgb(126,192,222)
```
#78c3e4
```
#78c3e4 rgb(120,195,228)
```
#72c5ea
```
#72c5ea rgb(114,197,234)
```
#6bc7f1
```
#6bc7f1 rgb(107,199,241)
```
#65caf7
```
#65caf7 rgb(101,202,247)
```
#5fccfd
```
#5fccfd rgb(95,204,253)
```

Tone Color Variation

Below, you can see how #5fccfd 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
#a1b6c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5c1f4 Protanopia 1% of men
#b0c1ff Deuteranopia 1% of men
#56d3e2 Tritanopia 0.001% of the population

Trichromacy

#95c5f7 Protanomaly 1% of men, 0.01% of women
#92c5fe Deuteranomaly 6% of men, 0.4% of women
#59d0ec Tritanomaly 0.01% of the population

#5fccfd hex color

#5fccfd Color Information

#5fccfd Color Conversion

Color Schemes with #5fccfd

Alternatives to #5fccfd

#5fccfd Preview

Shades and Tints of #5fccfd

Tones of #5fccfd

Color Blindness Simulator