#51caf1 hex color

In a RGB color space, hex #51caf1 is composed of 31.8% red, 79.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 16.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 194.6 degrees, a saturation of 85.1% and a lightness of 63.1%. #51caf1 color hex could be obtained by blending #a2ffff with #0095e3. Closest websafe color is: #66ccff.

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

● #51caf1 color description : Soft cyan.

The hexadecimal color #51caf1 has RGB values of R:81, G:202, B:241 and CMYK values of C:0.66, M:0.16, Y:0, K:0.05. Its decimal value is 5360369.

Hex triplet	51caf1	`#51caf1`
RGB Decimal	81, 202, 241	`rgb(81,202,241)`
RGB Percent	31.8, 79.2, 94.5	`rgb(31.8%,79.2%,94.5%)`
CMYK	66, 16, 0, 5
HSL	194.6°, 85.1, 63.1	`hsl(194.6,85.1%,63.1%)`
HSV (or HSB)	194.6°, 66.4, 94.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.276, -21.844, -29.156
XYZ	40.387, 50.338, 90.802
xyY	0.222, 0.277, 50.338
CIE-LCH	76.276, 36.431, 233.159
CIE-LUV	76.276, -46.167, -43.715
Hunter-Lab	70.949, -22.553, -26.216
Binary	01010001, 11001010, 11110001

#51caf1
```
#51caf1 rgb(81,202,241)
```
#f17851
```
#f17851 rgb(241,120,81)
```

Complementary Color

#51f1c8
```
#51f1c8 rgb(81,241,200)
```
#51caf1
```
#51caf1 rgb(81,202,241)
```
#517af1
```
#517af1 rgb(81,122,241)
```

Analogous Color

#f1c851
```
#f1c851 rgb(241,200,81)
```
#51caf1
```
#51caf1 rgb(81,202,241)
```
#f1517a
```
#f1517a rgb(241,81,122)
```

Split Complementary Color

#caf151
```
#caf151 rgb(202,241,81)
```
#51caf1
```
#51caf1 rgb(81,202,241)
```
#f151ca
```
#f151ca rgb(241,81,202)
```

Triadic Color

#51f178
```
#51f178 rgb(81,241,120)
```
#51caf1
```
#51caf1 rgb(81,202,241)
```
#f151ca
```
#f151ca rgb(241,81,202)
```
#f17851
```
#f17851 rgb(241,120,81)
```

Tetradic Color

#12b0e3
```
#12b0e3 rgb(18,176,227)
```
#22bced
```
#22bced rgb(34,188,237)
```
#39c3ef
```
#39c3ef rgb(57,195,239)
```
#51caf1
```
#51caf1 rgb(81,202,241)
```
#69d1f3
```
#69d1f3 rgb(105,209,243)
```
#80d8f5
```
#80d8f5 rgb(128,216,245)
```
#98e0f7
```
#98e0f7 rgb(152,224,247)
```

Monochromatic Color

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

#51f1f0
```
#51f1f0 rgb(81,241,240)
```
#51e5f1
```
#51e5f1 rgb(81,229,241)
```
#51d7f1
```
#51d7f1 rgb(81,215,241)
```
#51caf1
```
#51caf1 rgb(81,202,241)
```
#51bdf1
```
#51bdf1 rgb(81,189,241)
```
#51aff1
```
#51aff1 rgb(81,175,241)
```
#51a2f1
```
#51a2f1 rgb(81,162,241)
```

Similar Colors

Text with hexadecimal color #51caf1

This text has a font color of #51caf1.

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

#51caf1 background color

This paragraph has a background color of #51caf1.

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

#51caf1 border color

This element has a border color of #51caf1.

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

CSS codes

.text {color:#51caf1;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#02141a
```
#02141a rgb(2,20,26)
```
#04222c
```
#04222c rgb(4,34,44)
```
#05303e
```
#05303e rgb(5,48,62)
```
#063e50
```
#063e50 rgb(6,62,80)
```
#084c62
```
#084c62 rgb(8,76,98)
```
#095a74
```
#095a74 rgb(9,90,116)
```
#0b6887
```
#0b6887 rgb(11,104,135)
```
#0c7799
```
#0c7799 rgb(12,119,153)
```
#0e85ab
```
#0e85ab rgb(14,133,171)
```
#0f93bd
```
#0f93bd rgb(15,147,189)
```
#11a1cf
```
#11a1cf rgb(17,161,207)
```
#12afe1
```
#12afe1 rgb(18,175,225)
```

Shade Color Variation

#1bb9ed
```
#1bb9ed rgb(27,185,237)
```
#2dbfee
```
#2dbfee rgb(45,191,238)
```
#3fc4f0
```
#3fc4f0 rgb(63,196,240)
```
#51caf1
```
#51caf1 rgb(81,202,241)
```
#63d0f2
```
#63d0f2 rgb(99,208,242)
```
#75d5f4
```
#75d5f4 rgb(117,213,244)
```
#87dbf5
```
#87dbf5 rgb(135,219,245)
```
#9ae0f7
```
#9ae0f7 rgb(154,224,247)
```
#ace6f8
```
#ace6f8 rgb(172,230,248)
```
#beebfa
```
#beebfa rgb(190,235,250)
```
#d0f1fb
```
#d0f1fb rgb(208,241,251)
```
#e2f6fd
```
#e2f6fd rgb(226,246,253)
```
#f4fcfe
```
#f4fcfe rgb(244,252,254)
```

Tint Color Variation

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

#a1a1a1
```
#a1a1a1 rgb(161,161,161)
```
#99a5a9
```
#99a5a9 rgb(153,165,169)
```
#92a9b0
```
#92a9b0 rgb(146,169,176)
```
#8bacb7
```
#8bacb7 rgb(139,172,183)
```
#84b0be
```
#84b0be rgb(132,176,190)
```
#7cb4c6
```
#7cb4c6 rgb(124,180,198)
```
#75b7cd
```
#75b7cd rgb(117,183,205)
```
#6ebbd4
```
#6ebbd4 rgb(110,187,212)
```
#67bfdb
```
#67bfdb rgb(103,191,219)
```
#5fc3e3
```
#5fc3e3 rgb(95,195,227)
```
#58c6ea
```
#58c6ea rgb(88,198,234)
```
#51caf1
```
#51caf1 rgb(81,202,241)
```
#4acef8
```
#4acef8 rgb(74,206,248)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#98b0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bde8 Protanopia 1% of men
#b0bcf7 Deuteranopia 1% of men
#4cd0df Tritanopia 0.001% of the population

Trichromacy

#90c2eb Protanomaly 1% of men, 0.01% of women
#8dc1f5 Deuteranomaly 6% of men, 0.4% of women
#4ecde5 Tritanomaly 0.01% of the population

#51caf1 hex color

#51caf1 Color Information

#51caf1 Color Conversion

Color Schemes with #51caf1

Alternatives to #51caf1

#51caf1 Preview

Shades and Tints of #51caf1

Tones of #51caf1

Color Blindness Simulator