colorhexa.com

#2caef8 hex color

In a RGB color space, hex #2caef8 is composed of 17.3% red, 68.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 29.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 201.8 degrees, a saturation of 93.6% and a lightness of 57.3%. #2caef8 color hex could be obtained by blending #58ffff with #005df1. Closest websafe color is: #3399ff.

- R 17
- G 68
- B 97
RGB color chart
- C 82
- M 30
- Y 0
- K 3
CMYK color chart

● #2caef8 color description : Bright blue.

The hexadecimal color #2caef8 has RGB values of R:44, G:174, B:248 and CMYK values of C:0.82, M:0.3, Y:0, K:0.03. Its decimal value is 2928376.

Hex triplet	2caef8	`#2caef8`
RGB Decimal	44, 174, 248	`rgb(44,174,248)`
RGB Percent	17.3, 68.2, 97.3	`rgb(17.3%,68.2%,97.3%)`
CMYK	82, 30, 0, 3
HSL	201.8°, 93.6, 57.3	`hsl(201.8,93.6%,57.3%)`
HSV (or HSB)	201.8°, 82.3, 97.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.711, -8.999, -46.317
XYZ	33.114, 37.582, 94.311
xyY	0.201, 0.228, 37.582
CIE-LCH	67.711, 47.183, 259.004
CIE-LUV	67.711, -41.621, -73.833
Hunter-Lab	61.304, -10.864, -48.299
Binary	00101100, 10101110, 11111000

#2caef8
```
#2caef8 rgb(44,174,248)
```
#f8762c
```
#f8762c rgb(248,118,44)
```

Complementary Color

#2cf8dc
```
#2cf8dc rgb(44,248,220)
```
#2caef8
```
#2caef8 rgb(44,174,248)
```
#2c48f8
```
#2c48f8 rgb(44,72,248)
```

Analogous Color

#f8dc2c
```
#f8dc2c rgb(248,220,44)
```
#2caef8
```
#2caef8 rgb(44,174,248)
```
#f82c48
```
#f82c48 rgb(248,44,72)
```

Split Complementary Color

#aef82c
```
#aef82c rgb(174,248,44)
```
#2caef8
```
#2caef8 rgb(44,174,248)
```
#f82cae
```
#f82cae rgb(248,44,174)
```

Triadic Color

#2cf876
```
#2cf876 rgb(44,248,118)
```
#2caef8
```
#2caef8 rgb(44,174,248)
```
#f82cae
```
#f82cae rgb(248,44,174)
```
#f8762c
```
#f8762c rgb(248,118,44)
```

Tetradic Color

#0787d1
```
#0787d1 rgb(7,135,209)
```
#0897e9
```
#0897e9 rgb(8,151,233)
```
#13a5f7
```
#13a5f7 rgb(19,165,247)
```
#2caef8
```
#2caef8 rgb(44,174,248)
```
#45b7f9
```
#45b7f9 rgb(69,183,249)
```
#5dc1fa
```
#5dc1fa rgb(93,193,250)
```
#76cafa
```
#76cafa rgb(118,202,250)
```

Monochromatic Color

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

#2ce1f8
```
#2ce1f8 rgb(44,225,248)
```
#2cd0f8
```
#2cd0f8 rgb(44,208,248)
```
#2cbff8
```
#2cbff8 rgb(44,191,248)
```
#2caef8
```
#2caef8 rgb(44,174,248)
```
#2c9df8
```
#2c9df8 rgb(44,157,248)
```
#2c8cf8
```
#2c8cf8 rgb(44,140,248)
```
#2c7bf8
```
#2c7bf8 rgb(44,123,248)
```

Similar Colors

Text with hexadecimal color #2caef8

This text has a font color of #2caef8.

<span style="color:#2caef8;">Text here</span>

#2caef8 background color

This paragraph has a background color of #2caef8.

<p style="background-color:#2caef8;">Content here</p>

#2caef8 border color

This element has a border color of #2caef8.

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

CSS codes

.text {color:#2caef8;}

.background {background-color:#2caef8;}

.border {border:1px solid #2caef8;}

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

#010b11
```
#010b11 rgb(1,11,17)
```
#011724
```
#011724 rgb(1,23,36)
```
#022437
```
#022437 rgb(2,36,55)
```
#02304a
```
#02304a rgb(2,48,74)
```
#033c5d
```
#033c5d rgb(3,60,93)
```
#044970
```
#044970 rgb(4,73,112)
```
#045583
```
#045583 rgb(4,85,131)
```
#056196
```
#056196 rgb(5,97,150)
```
#066ea9
```
#066ea9 rgb(6,110,169)
```
#067abc
```
#067abc rgb(6,122,188)
```
#0786cf
```
#0786cf rgb(7,134,207)
```
#0793e2
```
#0793e2 rgb(7,147,226)
```
#089ff5
```
#089ff5 rgb(8,159,245)
```

Shade Color Variation

#19a7f7
```
#19a7f7 rgb(25,167,247)
```
#2caef8
```
#2caef8 rgb(44,174,248)
```
#3fb5f9
```
#3fb5f9 rgb(63,181,249)
```
#52bdf9
```
#52bdf9 rgb(82,189,249)
```
#65c4fa
```
#65c4fa rgb(101,196,250)
```
#78cbfb
```
#78cbfb rgb(120,203,251)
```
#8bd2fb
```
#8bd2fb rgb(139,210,251)
```
#9edafc
```
#9edafc rgb(158,218,252)
```
#b1e1fc
```
#b1e1fc rgb(177,225,252)
```
#c4e8fd
```
#c4e8fd rgb(196,232,253)
```
#d7f0fe
```
#d7f0fe rgb(215,240,254)
```
#eaf7fe
```
#eaf7fe rgb(234,247,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#919293
```
#919293 rgb(145,146,147)
```
#88959c
```
#88959c rgb(136,149,156)
```
#8097a4
```
#8097a4 rgb(128,151,164)
```
#7799ad
```
#7799ad rgb(119,153,173)
```
#6f9cb5
```
#6f9cb5 rgb(111,156,181)
```
#679ebd
```
#679ebd rgb(103,158,189)
```
#5ea0c6
```
#5ea0c6 rgb(94,160,198)
```
#56a2ce
```
#56a2ce rgb(86,162,206)
```
#4ea5d6
```
#4ea5d6 rgb(78,165,214)
```
#45a7df
```
#45a7df rgb(69,167,223)
```
#3da9e7
```
#3da9e7 rgb(61,169,231)
```
#34acf0
```
#34acf0 rgb(52,172,240)
```
#2caef8
```
#2caef8 rgb(44,174,248)
```

Tone Color Variation

Below, you can see how #2caef8 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

#909090 Achromatopsia 0.005% of the population
#7c96a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa7f0 Protanopia 1% of men
#7ba9fc Deuteranopia 1% of men
#00bac6 Tritanopia 0.001% of the population

Trichromacy

#6ba9f3 Protanomaly 1% of men, 0.01% of women
#5eabfa Deuteranomaly 6% of men, 0.4% of women
#10b5d8 Tritanomaly 0.01% of the population