colorhexa.com

#51acf2 hex color

In a RGB color space, hex #51acf2 is composed of 31.8% red, 67.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 28.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 206.1 degrees, a saturation of 86.1% and a lightness of 63.3%. #51acf2 color hex could be obtained by blending #a2ffff with #0059e5. Closest websafe color is: #6699ff.

- R 32
- G 67
- B 95
RGB color chart
- C 67
- M 29
- Y 0
- K 5
CMYK color chart

● #51acf2 color description : Soft blue.

The hexadecimal color #51acf2 has RGB values of R:81, G:172, B:242 and CMYK values of C:0.67, M:0.29, Y:0, K:0.05. Its decimal value is 5352690.

Hex triplet	51acf2	`#51acf2`
RGB Decimal	81, 172, 242	`rgb(81,172,242)`
RGB Percent	31.8, 67.5, 94.9	`rgb(31.8%,67.5%,94.9%)`
CMYK	67, 29, 0, 5
HSL	206.1°, 86.1, 63.3	`hsl(206.1,86.1%,63.3%)`
HSV (or HSB)	206.1°, 66.5, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.771, -5.56, -42.894
XYZ	34.169, 37.663, 89.468
xyY	0.212, 0.233, 37.663
CIE-LCH	67.771, 43.252, 262.615
CIE-LUV	67.771, -35.497, -68.373
Hunter-Lab	61.37, -8.014, -43.477
Binary	01010001, 10101100, 11110010

#51acf2
```
#51acf2 rgb(81,172,242)
```
#f29751
```
#f29751 rgb(242,151,81)
```

Complementary Color

#51f2e8
```
#51f2e8 rgb(81,242,232)
```
#51acf2
```
#51acf2 rgb(81,172,242)
```
#515cf2
```
#515cf2 rgb(81,92,242)
```

Analogous Color

#f2e851
```
#f2e851 rgb(242,232,81)
```
#51acf2
```
#51acf2 rgb(81,172,242)
```
#f2515c
```
#f2515c rgb(242,81,92)
```

Split Complementary Color

#acf251
```
#acf251 rgb(172,242,81)
```
#51acf2
```
#51acf2 rgb(81,172,242)
```
#f251ac
```
#f251ac rgb(242,81,172)
```

Triadic Color

#51f297
```
#51f297 rgb(81,242,151)
```
#51acf2
```
#51acf2 rgb(81,172,242)
```
#f251ac
```
#f251ac rgb(242,81,172)
```
#f29751
```
#f29751 rgb(242,151,81)
```

Tetradic Color

#1189e5
```
#1189e5 rgb(17,137,229)
```
#2295ee
```
#2295ee rgb(34,149,238)
```
#39a1f0
```
#39a1f0 rgb(57,161,240)
```
#51acf2
```
#51acf2 rgb(81,172,242)
```
#69b7f4
```
#69b7f4 rgb(105,183,244)
```
#80c3f6
```
#80c3f6 rgb(128,195,246)
```
#98cef7
```
#98cef7 rgb(152,206,247)
```

Monochromatic Color

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

#51d4f2
```
#51d4f2 rgb(81,212,242)
```
#51c7f2
```
#51c7f2 rgb(81,199,242)
```
#51b9f2
```
#51b9f2 rgb(81,185,242)
```
#51acf2
```
#51acf2 rgb(81,172,242)
```
#519ff2
```
#519ff2 rgb(81,159,242)
```
#5191f2
```
#5191f2 rgb(81,145,242)
```
#5184f2
```
#5184f2 rgb(81,132,242)
```

Similar Colors

Text with hexadecimal color #51acf2

This text has a font color of #51acf2.

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

#51acf2 background color

This paragraph has a background color of #51acf2.

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

#51acf2 border color

This element has a border color of #51acf2.

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

CSS codes

.text {color:#51acf2;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#02101b
```
#02101b rgb(2,16,27)
```
#031b2d
```
#031b2d rgb(3,27,45)
```
#05263f
```
#05263f rgb(5,38,63)
```
#063152
```
#063152 rgb(6,49,82)
```
#073c64
```
#073c64 rgb(7,60,100)
```
#094776
```
#094776 rgb(9,71,118)
```
#0a5188
```
#0a5188 rgb(10,81,136)
```
#0c5c9b
```
#0c5c9b rgb(12,92,155)
```
#0d67ad
```
#0d67ad rgb(13,103,173)
```
#0e72bf
```
#0e72bf rgb(14,114,191)
```
#107dd1
```
#107dd1 rgb(16,125,209)
```
#1188e4
```
#1188e4 rgb(17,136,228)
```

Shade Color Variation

#1a92ee
```
#1a92ee rgb(26,146,238)
```
#2c9bef
```
#2c9bef rgb(44,155,239)
```
#3fa3f1
```
#3fa3f1 rgb(63,163,241)
```
#51acf2
```
#51acf2 rgb(81,172,242)
```
#63b5f3
```
#63b5f3 rgb(99,181,243)
```
#76bdf5
```
#76bdf5 rgb(118,189,245)
```
#88c6f6
```
#88c6f6 rgb(136,198,246)
```
#9acff7
```
#9acff7 rgb(154,207,247)
```
#acd8f9
```
#acd8f9 rgb(172,216,249)
```
#bfe0fa
```
#bfe0fa rgb(191,224,250)
```
#d1e9fc
```
#d1e9fc rgb(209,233,252)
```
#e3f2fd
```
#e3f2fd rgb(227,242,253)
```
#f5fafe
```
#f5fafe rgb(245,250,254)
```

Tint Color Variation

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

#a0a2a3
```
#a0a2a3 rgb(160,162,163)
```
#99a3aa
```
#99a3aa rgb(153,163,170)
```
#92a4b1
```
#92a4b1 rgb(146,164,177)
```
#8ba4b8
```
#8ba4b8 rgb(139,164,184)
```
#83a5c0
```
#83a5c0 rgb(131,165,192)
```
#7ca6c7
```
#7ca6c7 rgb(124,166,199)
```
#75a7ce
```
#75a7ce rgb(117,167,206)
```
#6ea8d5
```
#6ea8d5 rgb(110,168,213)
```
#67a9dc
```
#67a9dc rgb(103,169,220)
```
#5faae4
```
#5faae4 rgb(95,170,228)
```
#58abeb
```
#58abeb rgb(88,171,235)
```
#51acf2
```
#51acf2 rgb(81,172,242)
```
#4aadf9
```
#4aadf9 rgb(74,173,249)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8b9dab Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a7ec Protanopia 1% of men
#83a9f5 Deuteranopia 1% of men
#34b9c6 Tritanopia 0.001% of the population

Trichromacy

#7aa9ee Protanomaly 1% of men, 0.01% of women
#71aaf4 Deuteranomaly 6% of men, 0.4% of women
#3fb4d6 Tritanomaly 0.01% of the population