#2caff8 hex color

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

♥
- f
- t
- g
- R 17
- G 69
- B 97
RGB color chart
- C 82
- M 29
- Y 0
- K 3
CMYK color chart

● #2caff8 color description : Bright blue.

The hexadecimal color #2caff8 has RGB values of R:44, G:175, B:248 and CMYK values of C:0.82, M:0.29, Y:0, K:0.03. Its decimal value is 2928632.

Hex triplet	2caff8	`#2caff8`
RGB Decimal	44, 175, 248	`rgb(44,175,248)`
RGB Percent	17.3, 68.6, 97.3	`rgb(17.3%,68.6%,97.3%)`
CMYK	82, 29, 0, 3
HSL	201.5°, 93.6, 57.3	`hsl(201.5,93.6%,57.3%)`
HSV (or HSB)	201.5°, 82.3, 97.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.998, -9.551, -45.866
XYZ	33.308, 37.97, 94.375
xyY	0.201, 0.229, 37.97
CIE-LCH	67.998, 46.85, 258.237
CIE-LUV	67.998, -41.956, -73.043
Hunter-Lab	61.62, -11.348, -47.674
Binary	00101100, 10101111, 11111000

#2caff8
```
#2caff8 rgb(44,175,248)
```
#f8752c
```
#f8752c rgb(248,117,44)
```

Complementary Color

#2cf8db
```
#2cf8db rgb(44,248,219)
```
#2caff8
```
#2caff8 rgb(44,175,248)
```
#2c49f8
```
#2c49f8 rgb(44,73,248)
```

Analogous Color

#f8db2c
```
#f8db2c rgb(248,219,44)
```
#2caff8
```
#2caff8 rgb(44,175,248)
```
#f82c49
```
#f82c49 rgb(248,44,73)
```

Split Complementary Color

#aff82c
```
#aff82c rgb(175,248,44)
```
#2caff8
```
#2caff8 rgb(44,175,248)
```
#f82caf
```
#f82caf rgb(248,44,175)
```

Triadic Color

#2cf875
```
#2cf875 rgb(44,248,117)
```
#2caff8
```
#2caff8 rgb(44,175,248)
```
#f82caf
```
#f82caf rgb(248,44,175)
```
#f8752c
```
#f8752c rgb(248,117,44)
```

Tetradic Color

#0788d1
```
#0788d1 rgb(7,136,209)
```
#0899e9
```
#0899e9 rgb(8,153,233)
```
#13a6f7
```
#13a6f7 rgb(19,166,247)
```
#2caff8
```
#2caff8 rgb(44,175,248)
```
#45b8f9
```
#45b8f9 rgb(69,184,249)
```
#5dc2fa
```
#5dc2fa rgb(93,194,250)
```
#76cbfa
```
#76cbfa rgb(118,203,250)
```

Monochromatic Color

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

#2ce2f8
```
#2ce2f8 rgb(44,226,248)
```
#2cd1f8
```
#2cd1f8 rgb(44,209,248)
```
#2cc0f8
```
#2cc0f8 rgb(44,192,248)
```
#2caff8
```
#2caff8 rgb(44,175,248)
```
#2c9ef8
```
#2c9ef8 rgb(44,158,248)
```
#2c8df8
```
#2c8df8 rgb(44,141,248)
```
#2c7cf8
```
#2c7cf8 rgb(44,124,248)
```

Similar Colors

Text with hexadecimal color #2caff8

This text has a font color of #2caff8.

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

#2caff8 background color

This paragraph has a background color of #2caff8.

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

#2caff8 border color

This element has a border color of #2caff8.

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

CSS codes

.text {color:#2caff8;}

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

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

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)
```
#033d5d
```
#033d5d rgb(3,61,93)
```
#044970
```
#044970 rgb(4,73,112)
```
#045683
```
#045683 rgb(4,86,131)
```
#056296
```
#056296 rgb(5,98,150)
```
#066ea9
```
#066ea9 rgb(6,110,169)
```
#067bbc
```
#067bbc rgb(6,123,188)
```
#0787cf
```
#0787cf rgb(7,135,207)
```
#0794e2
```
#0794e2 rgb(7,148,226)
```
#08a0f5
```
#08a0f5 rgb(8,160,245)
```

Shade Color Variation

#19a8f7
```
#19a8f7 rgb(25,168,247)
```
#2caff8
```
#2caff8 rgb(44,175,248)
```
#3fb6f9
```
#3fb6f9 rgb(63,182,249)
```
#52bdf9
```
#52bdf9 rgb(82,189,249)
```
#65c5fa
```
#65c5fa rgb(101,197,250)
```
#78ccfb
```
#78ccfb rgb(120,204,251)
```
#8bd3fb
```
#8bd3fb rgb(139,211,251)
```
#9edafc
```
#9edafc rgb(158,218,252)
```
#b1e1fc
```
#b1e1fc rgb(177,225,252)
```
#c4e9fd
```
#c4e9fd rgb(196,233,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 #2caff8 is the most saturated one.

#919293
```
#919293 rgb(145,146,147)
```
#88959c
```
#88959c rgb(136,149,156)
```
#8097a4
```
#8097a4 rgb(128,151,164)
```
#779aad
```
#779aad rgb(119,154,173)
```
#6f9cb5
```
#6f9cb5 rgb(111,156,181)
```
#679ebd
```
#679ebd rgb(103,158,189)
```
#5ea1c6
```
#5ea1c6 rgb(94,161,198)
```
#56a3ce
```
#56a3ce rgb(86,163,206)
```
#4ea5d6
```
#4ea5d6 rgb(78,165,214)
```
#45a8df
```
#45a8df rgb(69,168,223)
```
#3daae7
```
#3daae7 rgb(61,170,231)
```
#34adf0
```
#34adf0 rgb(52,173,240)
```
#2caff8
```
#2caff8 rgb(44,175,248)
```

Tone Color Variation

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

#90a7f0 Protanopia 1% of men
#7daafc Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#6caaf2 Protanomaly 1% of men, 0.01% of women
#5fabfa Deuteranomaly 6% of men, 0.4% of women
#10b6d9 Tritanomaly 0.01% of the population

#2caff8 hex color

#2caff8 Color Information

#2caff8 Color Conversion

Color Schemes with #2caff8

Alternatives to #2caff8

#2caff8 Preview

Shades and Tints of #2caff8

Tones of #2caff8

Color Blindness Simulator