#69a1fe hex color

In a RGB color space, hex #69a1fe is composed of 41.2% red, 63.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 36.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 217.4 degrees, a saturation of 98.7% and a lightness of 70.4%. #69a1fe color hex could be obtained by blending #d2ffff with #0043fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 63
- B 100
RGB color chart
- C 59
- M 37
- Y 0
- K 0
CMYK color chart

● #69a1fe color description : Soft blue.

The hexadecimal color #69a1fe has RGB values of R:105, G:161, B:254 and CMYK values of C:0.59, M:0.37, Y:0, K:0. Its decimal value is 6922750.

Hex triplet	69a1fe	`#69a1fe`
RGB Decimal	105, 161, 254	`rgb(105,161,254)`
RGB Percent	41.2, 63.1, 99.6	`rgb(41.2%,63.1%,99.6%)`
CMYK	59, 37, 0, 0
HSL	217.4°, 98.7, 70.4	`hsl(217.4,98.7%,70.4%)`
HSV (or HSB)	217.4°, 58.7, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.249, 8.763, -51.764
XYZ	36.456, 35.647, 98.72
xyY	0.213, 0.209, 35.647
CIE-LCH	66.249, 52.501, 279.608
CIE-LUV	66.249, -25.585, -84.777
Hunter-Lab	59.705, 4.509, -56.241
Binary	01101001, 10100001, 11111110

#69a1fe
```
#69a1fe rgb(105,161,254)
```
#fec669
```
#fec669 rgb(254,198,105)
```

Complementary Color

#69ecfe
```
#69ecfe rgb(105,236,254)
```
#69a1fe
```
#69a1fe rgb(105,161,254)
```
#7c69fe
```
#7c69fe rgb(124,105,254)
```

Analogous Color

#ecfe69
```
#ecfe69 rgb(236,254,105)
```
#69a1fe
```
#69a1fe rgb(105,161,254)
```
#fe7c69
```
#fe7c69 rgb(254,124,105)
```

Split Complementary Color

#a1fe69
```
#a1fe69 rgb(161,254,105)
```
#69a1fe
```
#69a1fe rgb(105,161,254)
```
#fe69a1
```
#fe69a1 rgb(254,105,161)
```

Triadic Color

#69fec6
```
#69fec6 rgb(105,254,198)
```
#69a1fe
```
#69a1fe rgb(105,161,254)
```
#fe69a1
```
#fe69a1 rgb(254,105,161)
```
#fec669
```
#fec669 rgb(254,198,105)
```

Tetradic Color

#1d71fd
```
#1d71fd rgb(29,113,253)
```
#3681fe
```
#3681fe rgb(54,129,254)
```
#5091fe
```
#5091fe rgb(80,145,254)
```
#69a1fe
```
#69a1fe rgb(105,161,254)
```
#82b1fe
```
#82b1fe rgb(130,177,254)
```
#9cc1fe
```
#9cc1fe rgb(156,193,254)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```

Monochromatic Color

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

#69c6fe
```
#69c6fe rgb(105,198,254)
```
#69bafe
```
#69bafe rgb(105,186,254)
```
#69adfe
```
#69adfe rgb(105,173,254)
```
#69a1fe
```
#69a1fe rgb(105,161,254)
```
#6995fe
```
#6995fe rgb(105,149,254)
```
#6988fe
```
#6988fe rgb(105,136,254)
```
#697cfe
```
#697cfe rgb(105,124,254)
```

Similar Colors

Text with hexadecimal color #69a1fe

This text has a font color of #69a1fe.

<span style="color:#69a1fe;">Text here</span>

#69a1fe background color

This paragraph has a background color of #69a1fe.

<p style="background-color:#69a1fe;">Content here</p>

#69a1fe border color

This element has a border color of #69a1fe.

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

CSS codes

.text {color:#69a1fe;}

.background {background-color:#69a1fe;}

.border {border:1px solid #69a1fe;}

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

#000206
```
#000206 rgb(0,2,6)
```
#000a19
```
#000a19 rgb(0,10,25)
```
#00112d
```
#00112d rgb(0,17,45)
```
#001840
```
#001840 rgb(0,24,64)
```
#012054
```
#012054 rgb(1,32,84)
```
#012767
```
#012767 rgb(1,39,103)
```
#012f7b
```
#012f7b rgb(1,47,123)
```
#01368e
```
#01368e rgb(1,54,142)
```
#013da2
```
#013da2 rgb(1,61,162)
```
#0145b5
```
#0145b5 rgb(1,69,181)
```
#014cc9
```
#014cc9 rgb(1,76,201)
```
#0154dc
```
#0154dc rgb(1,84,220)
```
#025bf0
```
#025bf0 rgb(2,91,240)
```

Shade Color Variation

#0864fd
```
#0864fd rgb(8,100,253)
```
#1b70fd
```
#1b70fd rgb(27,112,253)
```
#2f7cfe
```
#2f7cfe rgb(47,124,254)
```
#4289fe
```
#4289fe rgb(66,137,254)
```
#5695fe
```
#5695fe rgb(86,149,254)
```
#69a1fe
```
#69a1fe rgb(105,161,254)
```
#7cadfe
```
#7cadfe rgb(124,173,254)
```
#90b9fe
```
#90b9fe rgb(144,185,254)
```
#a3c6fe
```
#a3c6fe rgb(163,198,254)
```
#b7d2ff
```
#b7d2ff rgb(183,210,255)
```
#cadeff
```
#cadeff rgb(202,222,255)
```
#deeaff
```
#deeaff rgb(222,234,255)
```
#f1f6ff
```
#f1f6ff rgb(241,246,255)
```

Tint Color Variation

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

#afb2b8
```
#afb2b8 rgb(175,178,184)
```
#a9b1be
```
#a9b1be rgb(169,177,190)
```
#a3afc4
```
#a3afc4 rgb(163,175,196)
```
#9daeca
```
#9daeca rgb(157,174,202)
```
#97add0
```
#97add0 rgb(151,173,208)
```
#92abd5
```
#92abd5 rgb(146,171,213)
```
#8caadb
```
#8caadb rgb(140,170,219)
```
#86a8e1
```
#86a8e1 rgb(134,168,225)
```
#80a7e7
```
#80a7e7 rgb(128,167,231)
```
#7aa5ed
```
#7aa5ed rgb(122,165,237)
```
#75a4f2
```
#75a4f2 rgb(117,164,242)
```
#6fa2f8
```
#6fa2f8 rgb(111,162,248)
```
#69a1fe
```
#69a1fe rgb(105,161,254)
```

Tone Color Variation

Below, you can see how #69a1fe 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

#9b9b9b Achromatopsia 0.005% of the population
#919caf Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a3fb Protanopia 1% of men
#6ea6fd Deuteranopia 1% of men
#4db3c0 Tritanopia 0.001% of the population

Trichromacy

#78a2fc Protanomaly 1% of men, 0.01% of women
#6ca4fd Deuteranomaly 6% of men, 0.4% of women
#57acd6 Tritanomaly 0.01% of the population

#69a1fe hex color

#69a1fe Color Information

#69a1fe Color Conversion

Color Schemes with #69a1fe

Alternatives to #69a1fe

#69a1fe Preview

Shades and Tints of #69a1fe

Tones of #69a1fe

Color Blindness Simulator