#1aa4f6 hex color

In a RGB color space, hex #1aa4f6 is composed of 10.2% red, 64.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 33.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 202.4 degrees, a saturation of 92.4% and a lightness of 53.3%. #1aa4f6 color hex could be obtained by blending #34ffff with #0049ed. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 10
- G 64
- B 96
RGB color chart
- C 89
- M 33
- Y 0
- K 4
CMYK color chart

● #1aa4f6 color description : Vivid blue.

The hexadecimal color #1aa4f6 has RGB values of R:26, G:164, B:246 and CMYK values of C:0.89, M:0.33, Y:0, K:0.04. Its decimal value is 1746166.

Hex triplet	1aa4f6	`#1aa4f6`
RGB Decimal	26, 164, 246	`rgb(26,164,246)`
RGB Percent	10.2, 64.3, 96.5	`rgb(10.2%,64.3%,96.5%)`
CMYK	89, 33, 0, 4
HSL	202.4°, 92.4, 53.3	`hsl(202.4,92.4%,53.3%)`
HSV (or HSB)	202.4°, 89.4, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.501, -5.303, -50.307
XYZ	30.332, 33.422, 92.036
xyY	0.195, 0.215, 33.422
CIE-LCH	64.501, 50.586, 263.983
CIE-LUV	64.501, -39.945, -80.461
Hunter-Lab	57.811, -7.516, -53.922
Binary	00011010, 10100100, 11110110

#1aa4f6
```
#1aa4f6 rgb(26,164,246)
```
#f66c1a
```
#f66c1a rgb(246,108,26)
```

Complementary Color

#1af6da
```
#1af6da rgb(26,246,218)
```
#1aa4f6
```
#1aa4f6 rgb(26,164,246)
```
#1a36f6
```
#1a36f6 rgb(26,54,246)
```

Analogous Color

#f6da1a
```
#f6da1a rgb(246,218,26)
```
#1aa4f6
```
#1aa4f6 rgb(26,164,246)
```
#f61a36
```
#f61a36 rgb(246,26,54)
```

Split Complementary Color

#a4f61a
```
#a4f61a rgb(164,246,26)
```
#1aa4f6
```
#1aa4f6 rgb(26,164,246)
```
#f61aa4
```
#f61aa4 rgb(246,26,164)
```

Triadic Color

#1af66c
```
#1af66c rgb(26,246,108)
```
#1aa4f6
```
#1aa4f6 rgb(26,164,246)
```
#f61aa4
```
#f61aa4 rgb(246,26,164)
```
#f66c1a
```
#f66c1a rgb(246,108,26)
```

Tetradic Color

#0779bc
```
#0779bc rgb(7,121,188)
```
#0889d5
```
#0889d5 rgb(8,137,213)
```
#0998ed
```
#0998ed rgb(9,152,237)
```
#1aa4f6
```
#1aa4f6 rgb(26,164,246)
```
#33aef7
```
#33aef7 rgb(51,174,247)
```
#4bb8f8
```
#4bb8f8 rgb(75,184,248)
```
#64c1f9
```
#64c1f9 rgb(100,193,249)
```

Monochromatic Color

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

#1adbf6
```
#1adbf6 rgb(26,219,246)
```
#1ac9f6
```
#1ac9f6 rgb(26,201,246)
```
#1ab6f6
```
#1ab6f6 rgb(26,182,246)
```
#1aa4f6
```
#1aa4f6 rgb(26,164,246)
```
#1a92f6
```
#1a92f6 rgb(26,146,246)
```
#1a7ff6
```
#1a7ff6 rgb(26,127,246)
```
#1a6df6
```
#1a6df6 rgb(26,109,246)
```

Similar Colors

Text with hexadecimal color #1aa4f6

This text has a font color of #1aa4f6.

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

#1aa4f6 background color

This paragraph has a background color of #1aa4f6.

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

#1aa4f6 border color

This element has a border color of #1aa4f6.

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

CSS codes

.text {color:#1aa4f6;}

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

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

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

#010b10
```
#010b10 rgb(1,11,16)
```
#011723
```
#011723 rgb(1,23,35)
```
#022336
```
#022336 rgb(2,35,54)
```
#032f49
```
#032f49 rgb(3,47,73)
```
#043b5c
```
#043b5c rgb(4,59,92)
```
#04476f
```
#04476f rgb(4,71,111)
```
#055382
```
#055382 rgb(5,83,130)
```
#065f94
```
#065f94 rgb(6,95,148)
```
#076ba7
```
#076ba7 rgb(7,107,167)
```
#0778ba
```
#0778ba rgb(7,120,186)
```
#0884cd
```
#0884cd rgb(8,132,205)
```
#0990e0
```
#0990e0 rgb(9,144,224)
```
#0a9cf3
```
#0a9cf3 rgb(10,156,243)
```

Shade Color Variation

#1aa4f6
```
#1aa4f6 rgb(26,164,246)
```
#2dacf7
```
#2dacf7 rgb(45,172,247)
```
#40b3f7
```
#40b3f7 rgb(64,179,247)
```
#53bbf8
```
#53bbf8 rgb(83,187,248)
```
#65c2f9
```
#65c2f9 rgb(101,194,249)
```
#78cafa
```
#78cafa rgb(120,202,250)
```
#8bd1fa
```
#8bd1fa rgb(139,209,250)
```
#9ed9fb
```
#9ed9fb rgb(158,217,251)
```
#b1e0fc
```
#b1e0fc rgb(177,224,252)
```
#c4e8fd
```
#c4e8fd rgb(196,232,253)
```
#d7effd
```
#d7effd rgb(215,239,253)
```
#eaf7fe
```
#eaf7fe rgb(234,247,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#7f8a91
```
#7f8a91 rgb(127,138,145)
```
#768d9a
```
#768d9a rgb(118,141,154)
```
#6c8fa4
```
#6c8fa4 rgb(108,143,164)
```
#6391ad
```
#6391ad rgb(99,145,173)
```
#5a94b6
```
#5a94b6 rgb(90,148,182)
```
#5196bf
```
#5196bf rgb(81,150,191)
```
#4898c8
```
#4898c8 rgb(72,152,200)
```
#3f9bd1
```
#3f9bd1 rgb(63,155,209)
```
#359ddb
```
#359ddb rgb(53,157,219)
```
#2c9fe4
```
#2c9fe4 rgb(44,159,228)
```
#23a2ed
```
#23a2ed rgb(35,162,237)
```
#1aa4f6
```
#1aa4f6 rgb(26,164,246)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6f8a9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#829eee Protanopia 1% of men
#68a2f9 Deuteranopia 1% of men
#00b1bc Tritanopia 0.001% of the population

Trichromacy

#5ca0f1 Protanomaly 1% of men, 0.01% of women
#4ba2f8 Deuteranomaly 6% of men, 0.4% of women
#09acd1 Tritanomaly 0.01% of the population

#1aa4f6 hex color

#1aa4f6 Color Information

#1aa4f6 Color Conversion

Color Schemes with #1aa4f6

Alternatives to #1aa4f6

#1aa4f6 Preview

Shades and Tints of #1aa4f6

Tones of #1aa4f6

Color Blindness Simulator