#1caafd hex color

In a RGB color space, hex #1caafd is composed of 11% red, 66.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 32.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 202.1 degrees, a saturation of 98.3% and a lightness of 55.1%. #1caafd color hex could be obtained by blending #38ffff with #0055fb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 11
- G 67
- B 99
RGB color chart
- C 89
- M 33
- Y 0
- K 1
CMYK color chart

● #1caafd color description : Vivid blue.

The hexadecimal color #1caafd has RGB values of R:28, G:170, B:253 and CMYK values of C:0.89, M:0.33, Y:0, K:0.01. Its decimal value is 1878781.

Hex triplet	1caafd	`#1caafd`
RGB Decimal	28, 170, 253	`rgb(28,170,253)`
RGB Percent	11, 66.7, 99.2	`rgb(11%,66.7%,99.2%)`
CMYK	89, 33, 0, 1
HSL	202.1°, 98.3, 55.1	`hsl(202.1,98.3%,55.1%)`
HSV (or HSB)	202.1°, 88.9, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.585, -6.049, -50.826
XYZ	32.579, 36.085, 98.171
xyY	0.195, 0.216, 36.085
CIE-LCH	66.585, 51.185, 263.213
CIE-LUV	66.585, -41.35, -81.662
Hunter-Lab	60.071, -8.316, -54.845
Binary	00011100, 10101010, 11111101

#1caafd
```
#1caafd rgb(28,170,253)
```
#fd6f1c
```
#fd6f1c rgb(253,111,28)
```

Complementary Color

#1cfde0
```
#1cfde0 rgb(28,253,224)
```
#1caafd
```
#1caafd rgb(28,170,253)
```
#1c3afd
```
#1c3afd rgb(28,58,253)
```

Analogous Color

#fde01c
```
#fde01c rgb(253,224,28)
```
#1caafd
```
#1caafd rgb(28,170,253)
```
#fd1c3a
```
#fd1c3a rgb(253,28,58)
```

Split Complementary Color

#aafd1c
```
#aafd1c rgb(170,253,28)
```
#1caafd
```
#1caafd rgb(28,170,253)
```
#fd1caa
```
#fd1caa rgb(253,28,170)
```

Triadic Color

#1cfd6f
```
#1cfd6f rgb(28,253,111)
```
#1caafd
```
#1caafd rgb(28,170,253)
```
#fd1caa
```
#fd1caa rgb(253,28,170)
```
#fd6f1c
```
#fd6f1c rgb(253,111,28)
```

Tetradic Color

#0281cb
```
#0281cb rgb(2,129,203)
```
#0291e4
```
#0291e4 rgb(2,145,228)
```
#03a1fd
```
#03a1fd rgb(3,161,253)
```
#1caafd
```
#1caafd rgb(28,170,253)
```
#35b3fd
```
#35b3fd rgb(53,179,253)
```
#4fbdfd
```
#4fbdfd rgb(79,189,253)
```
#68c6fe
```
#68c6fe rgb(104,198,254)
```

Monochromatic Color

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

#1ce2fd
```
#1ce2fd rgb(28,226,253)
```
#1cd0fd
```
#1cd0fd rgb(28,208,253)
```
#1cbdfd
```
#1cbdfd rgb(28,189,253)
```
#1caafd
```
#1caafd rgb(28,170,253)
```
#1c97fd
```
#1c97fd rgb(28,151,253)
```
#1c85fd
```
#1c85fd rgb(28,133,253)
```
#1c72fd
```
#1c72fd rgb(28,114,253)
```

Similar Colors

Text with hexadecimal color #1caafd

This text has a font color of #1caafd.

<span style="color:#1caafd;">Text here</span>

#1caafd background color

This paragraph has a background color of #1caafd.

<p style="background-color:#1caafd;">Content here</p>

#1caafd border color

This element has a border color of #1caafd.

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

CSS codes

.text {color:#1caafd;}

.background {background-color:#1caafd;}

.border {border:1px solid #1caafd;}

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

#000406
```
#000406 rgb(0,4,6)
```
#00101a
```
#00101a rgb(0,16,26)
```
#001d2d
```
#001d2d rgb(0,29,45)
```
#012941
```
#012941 rgb(1,41,65)
```
#013554
```
#013554 rgb(1,53,84)
```
#014268
```
#014268 rgb(1,66,104)
```
#014e7b
```
#014e7b rgb(1,78,123)
```
#015a8e
```
#015a8e rgb(1,90,142)
```
#0167a2
```
#0167a2 rgb(1,103,162)
```
#0273b5
```
#0273b5 rgb(2,115,181)
```
#027fc9
```
#027fc9 rgb(2,127,201)
```
#028cdc
```
#028cdc rgb(2,140,220)
```
#0298f0
```
#0298f0 rgb(2,152,240)
```

Shade Color Variation

#09a3fd
```
#09a3fd rgb(9,163,253)
```
#1caafd
```
#1caafd rgb(28,170,253)
```
#2fb1fd
```
#2fb1fd rgb(47,177,253)
```
#43b9fd
```
#43b9fd rgb(67,185,253)
```
#56c0fe
```
#56c0fe rgb(86,192,254)
```
#6ac7fe
```
#6ac7fe rgb(106,199,254)
```
#7dcefe
```
#7dcefe rgb(125,206,254)
```
#91d6fe
```
#91d6fe rgb(145,214,254)
```
#a4ddfe
```
#a4ddfe rgb(164,221,254)
```
#b8e4fe
```
#b8e4fe rgb(184,228,254)
```
#cbecff
```
#cbecff rgb(203,236,255)
```
#def3ff
```
#def3ff rgb(222,243,255)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868e93 is the less saturated color, while #1caafd is the most saturated one.

#868e93
```
#868e93 rgb(134,142,147)
```
#7d919c
```
#7d919c rgb(125,145,156)
```
#7493a5
```
#7493a5 rgb(116,147,165)
```
#6b95ae
```
#6b95ae rgb(107,149,174)
```
#6298b7
```
#6298b7 rgb(98,152,183)
```
#5a9abf
```
#5a9abf rgb(90,154,191)
```
#519cc8
```
#519cc8 rgb(81,156,200)
```
#489ed1
```
#489ed1 rgb(72,158,209)
```
#3fa1da
```
#3fa1da rgb(63,161,218)
```
#36a3e3
```
#36a3e3 rgb(54,163,227)
```
#2ea5eb
```
#2ea5eb rgb(46,165,235)
```
#25a8f4
```
#25a8f4 rgb(37,168,244)
```
#1caafd
```
#1caafd rgb(28,170,253)
```

Tone Color Variation

Below, you can see how #1caafd 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

#898989 Achromatopsia 0.005% of the population
#7390a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a4f5 Protanopia 1% of men
#6ea7ff Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#60a6f8 Protanomaly 1% of men, 0.01% of women
#50a8fe Deuteranomaly 6% of men, 0.4% of women
#0ab2d8 Tritanomaly 0.01% of the population

#1caafd hex color

#1caafd Color Information

#1caafd Color Conversion

Color Schemes with #1caafd

Alternatives to #1caafd

#1caafd Preview

Shades and Tints of #1caafd

Tones of #1caafd

Color Blindness Simulator