#2caefd hex color

In a RGB color space, hex #2caefd is composed of 17.3% red, 68.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 31.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 202.7 degrees, a saturation of 98.1% and a lightness of 58.2%. #2caefd color hex could be obtained by blending #58ffff with #005dfb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 68
- B 99
RGB color chart
- C 83
- M 31
- Y 0
- K 1
CMYK color chart

● #2caefd color description : Bright blue.

The hexadecimal color #2caefd has RGB values of R:44, G:174, B:253 and CMYK values of C:0.83, M:0.31, Y:0, K:0.01. Its decimal value is 2928381.

Hex triplet	2caefd	`#2caefd`
RGB Decimal	44, 174, 253	`rgb(44,174,253)`
RGB Percent	17.3, 68.2, 99.2	`rgb(17.3%,68.2%,99.2%)`
CMYK	83, 31, 0, 1
HSL	202.7°, 98.1, 58.2	`hsl(202.7,98.1%,58.2%)`
HSV (or HSB)	202.7°, 82.6, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.944, -7.24, -48.666
XYZ	33.9, 37.896, 98.451
xyY	0.199, 0.223, 37.896
CIE-LCH	67.944, 49.202, 261.538
CIE-LUV	67.944, -41.326, -78.083
Hunter-Lab	61.56, -9.433, -51.729
Binary	00101100, 10101110, 11111101

#2caefd
```
#2caefd rgb(44,174,253)
```
#fd7b2c
```
#fd7b2c rgb(253,123,44)
```

Complementary Color

#2cfde4
```
#2cfde4 rgb(44,253,228)
```
#2caefd
```
#2caefd rgb(44,174,253)
```
#2c46fd
```
#2c46fd rgb(44,70,253)
```

Analogous Color

#fde42c
```
#fde42c rgb(253,228,44)
```
#2caefd
```
#2caefd rgb(44,174,253)
```
#fd2c46
```
#fd2c46 rgb(253,44,70)
```

Split Complementary Color

#aefd2c
```
#aefd2c rgb(174,253,44)
```
#2caefd
```
#2caefd rgb(44,174,253)
```
#fd2cae
```
#fd2cae rgb(253,44,174)
```

Triadic Color

#2cfd7b
```
#2cfd7b rgb(44,253,123)
```
#2caefd
```
#2caefd rgb(44,174,253)
```
#fd2cae
```
#fd2cae rgb(253,44,174)
```
#fd7b2c
```
#fd7b2c rgb(253,123,44)
```

Tetradic Color

#0289da
```
#0289da rgb(2,137,218)
```
#0298f4
```
#0298f4 rgb(2,152,244)
```
#13a4fd
```
#13a4fd rgb(19,164,253)
```
#2caefd
```
#2caefd rgb(44,174,253)
```
#45b8fd
```
#45b8fd rgb(69,184,253)
```
#5fc1fd
```
#5fc1fd rgb(95,193,253)
```
#78cbfe
```
#78cbfe rgb(120,203,254)
```

Monochromatic Color

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

#2ce2fd
```
#2ce2fd rgb(44,226,253)
```
#2cd1fd
```
#2cd1fd rgb(44,209,253)
```
#2cbffd
```
#2cbffd rgb(44,191,253)
```
#2caefd
```
#2caefd rgb(44,174,253)
```
#2c9dfd
```
#2c9dfd rgb(44,157,253)
```
#2c8bfd
```
#2c8bfd rgb(44,139,253)
```
#2c7afd
```
#2c7afd rgb(44,122,253)
```

Similar Colors

Text with hexadecimal color #2caefd

This text has a font color of #2caefd.

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

#2caefd background color

This paragraph has a background color of #2caefd.

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

#2caefd border color

This element has a border color of #2caefd.

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

CSS codes

.text {color:#2caefd;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#000e16
```
#000e16 rgb(0,14,22)
```
#001a2a
```
#001a2a rgb(0,26,42)
```
#01263d
```
#01263d rgb(1,38,61)
```
#013250
```
#013250 rgb(1,50,80)
```
#013e64
```
#013e64 rgb(1,62,100)
```
#014b77
```
#014b77 rgb(1,75,119)
```
#01578b
```
#01578b rgb(1,87,139)
```
#01639e
```
#01639e rgb(1,99,158)
```
#026fb2
```
#026fb2 rgb(2,111,178)
```
#027bc5
```
#027bc5 rgb(2,123,197)
```
#0287d8
```
#0287d8 rgb(2,135,216)
```
#0294ec
```
#0294ec rgb(2,148,236)
```

Shade Color Variation

#059ffd
```
#059ffd rgb(5,159,253)
```
#19a7fd
```
#19a7fd rgb(25,167,253)
```
#2caefd
```
#2caefd rgb(44,174,253)
```
#3fb5fd
```
#3fb5fd rgb(63,181,253)
```
#53bdfd
```
#53bdfd rgb(83,189,253)
```
#66c4fe
```
#66c4fe rgb(102,196,254)
```
#7accfe
```
#7accfe rgb(122,204,254)
```
#8dd3fe
```
#8dd3fe rgb(141,211,254)
```
#a1dbfe
```
#a1dbfe rgb(161,219,254)
```
#b4e2fe
```
#b4e2fe rgb(180,226,254)
```
#c7eafe
```
#c7eafe rgb(199,234,254)
```
#dbf1ff
```
#dbf1ff rgb(219,241,255)
```
#eef9ff
```
#eef9ff rgb(238,249,255)
```

Tint Color Variation

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

#8e969b
```
#8e969b rgb(142,150,155)
```
#8698a3
```
#8698a3 rgb(134,152,163)
```
#7e9aab
```
#7e9aab rgb(126,154,171)
```
#769cb3
```
#769cb3 rgb(118,156,179)
```
#6e9ebb
```
#6e9ebb rgb(110,158,187)
```
#65a0c4
```
#65a0c4 rgb(101,160,196)
```
#5da2cc
```
#5da2cc rgb(93,162,204)
```
#55a4d4
```
#55a4d4 rgb(85,164,212)
```
#4da6dc
```
#4da6dc rgb(77,166,220)
```
#45a8e4
```
#45a8e4 rgb(69,168,228)
```
#3caaed
```
#3caaed rgb(60,170,237)
```
#34acf5
```
#34acf5 rgb(52,172,245)
```
#2caefd
```
#2caefd rgb(44,174,253)
```

Tone Color Variation

Below, you can see how #2caefd 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
#7c96a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da7f5 Protanopia 1% of men
#78aaff Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#6aa9f7 Protanomaly 1% of men, 0.01% of women
#5cabfe Deuteranomaly 6% of men, 0.4% of women
#10b6da Tritanomaly 0.01% of the population

#2caefd hex color

#2caefd Color Information

#2caefd Color Conversion

Color Schemes with #2caefd

Alternatives to #2caefd

#2caefd Preview

Shades and Tints of #2caefd

Tones of #2caefd

Color Blindness Simulator