#69a0f1 hex color

In a RGB color space, hex #69a0f1 is composed of 41.2% red, 62.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 33.6% magenta, 0% yellow and 5.5% black. It has a hue angle of 215.7 degrees, a saturation of 82.9% and a lightness of 67.8%. #69a0f1 color hex could be obtained by blending #d2ffff with #0041e3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 63
- B 95
RGB color chart
- C 56
- M 34
- Y 0
- K 5
CMYK color chart

● #69a0f1 color description : Soft blue.

The hexadecimal color #69a0f1 has RGB values of R:105, G:160, B:241 and CMYK values of C:0.56, M:0.34, Y:0, K:0.05. Its decimal value is 6922481.

Hex triplet	69a0f1	`#69a0f1`
RGB Decimal	105, 160, 241	`rgb(105,160,241)`
RGB Percent	41.2, 62.7, 94.5	`rgb(41.2%,62.7%,94.5%)`
CMYK	56, 34, 0, 5
HSL	215.7°, 82.9, 67.8	`hsl(215.7,82.9%,67.8%)`
HSV (or HSB)	215.7°, 56.4, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.353, 5.216, -46.08
XYZ	34.27, 34.494, 88.066
xyY	0.219, 0.22, 34.494
CIE-LCH	65.353, 46.374, 276.458
CIE-LUV	65.353, -25.338, -74.621
Hunter-Lab	58.731, 1.376, -47.792
Binary	01101001, 10100000, 11110001

#69a0f1
```
#69a0f1 rgb(105,160,241)
```
#f1ba69
```
#f1ba69 rgb(241,186,105)
```

Complementary Color

#69e4f1
```
#69e4f1 rgb(105,228,241)
```
#69a0f1
```
#69a0f1 rgb(105,160,241)
```
#7669f1
```
#7669f1 rgb(118,105,241)
```

Analogous Color

#e4f169
```
#e4f169 rgb(228,241,105)
```
#69a0f1
```
#69a0f1 rgb(105,160,241)
```
#f17669
```
#f17669 rgb(241,118,105)
```

Split Complementary Color

#a0f169
```
#a0f169 rgb(160,241,105)
```
#69a0f1
```
#69a0f1 rgb(105,160,241)
```
#f169a0
```
#f169a0 rgb(241,105,160)
```

Triadic Color

#69f1ba
```
#69f1ba rgb(105,241,186)
```
#69a0f1
```
#69a0f1 rgb(105,160,241)
```
#f169a0
```
#f169a0 rgb(241,105,160)
```
#f1ba69
```
#f1ba69 rgb(241,186,105)
```

Tetradic Color

#2374ea
```
#2374ea rgb(35,116,234)
```
#3a82ed
```
#3a82ed rgb(58,130,237)
```
#5291ef
```
#5291ef rgb(82,145,239)
```
#69a0f1
```
#69a0f1 rgb(105,160,241)
```
#80aff3
```
#80aff3 rgb(128,175,243)
```
#98bef5
```
#98bef5 rgb(152,190,245)
```
#afccf8
```
#afccf8 rgb(175,204,248)
```

Monochromatic Color

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

#69c2f1
```
#69c2f1 rgb(105,194,241)
```
#69b7f1
```
#69b7f1 rgb(105,183,241)
```
#69abf1
```
#69abf1 rgb(105,171,241)
```
#69a0f1
```
#69a0f1 rgb(105,160,241)
```
#6995f1
```
#6995f1 rgb(105,149,241)
```
#6989f1
```
#6989f1 rgb(105,137,241)
```
#697ef1
```
#697ef1 rgb(105,126,241)
```

Similar Colors

Text with hexadecimal color #69a0f1

This text has a font color of #69a0f1.

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

#69a0f1 background color

This paragraph has a background color of #69a0f1.

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

#69a0f1 border color

This element has a border color of #69a0f1.

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

CSS codes

.text {color:#69a0f1;}

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

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

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, #01050b is the darkest color, while #f9fbfe is the lightest one.

#01050b
```
#01050b rgb(1,5,11)
```
#030e1d
```
#030e1d rgb(3,14,29)
```
#04162f
```
#04162f rgb(4,22,47)
```
#061e41
```
#061e41 rgb(6,30,65)
```
#082653
```
#082653 rgb(8,38,83)
```
#092f65
```
#092f65 rgb(9,47,101)
```
#0b3777
```
#0b3777 rgb(11,55,119)
```
#0d3f89
```
#0d3f89 rgb(13,63,137)
```
#0e479b
```
#0e479b rgb(14,71,155)
```
#1050ad
```
#1050ad rgb(16,80,173)
```
#1258bf
```
#1258bf rgb(18,88,191)
```
#1360d1
```
#1360d1 rgb(19,96,209)
```
#1568e3
```
#1568e3 rgb(21,104,227)
```

Shade Color Variation

#2173ea
```
#2173ea rgb(33,115,234)
```
#337eec
```
#337eec rgb(51,126,236)
```
#4589ee
```
#4589ee rgb(69,137,238)
```
#5795ef
```
#5795ef rgb(87,149,239)
```
#69a0f1
```
#69a0f1 rgb(105,160,241)
```
#7babf3
```
#7babf3 rgb(123,171,243)
```
#8db7f4
```
#8db7f4 rgb(141,183,244)
```
#9fc2f6
```
#9fc2f6 rgb(159,194,246)
```
#b1cdf8
```
#b1cdf8 rgb(177,205,248)
```
#c3d9f9
```
#c3d9f9 rgb(195,217,249)
```
#d5e4fb
```
#d5e4fb rgb(213,228,251)
```
#e7f0fd
```
#e7f0fd rgb(231,240,253)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#a8acb2
```
#a8acb2 rgb(168,172,178)
```
#a2abb8
```
#a2abb8 rgb(162,171,184)
```
#9baabf
```
#9baabf rgb(155,170,191)
```
#95a8c5
```
#95a8c5 rgb(149,168,197)
```
#8fa7cb
```
#8fa7cb rgb(143,167,203)
```
#89a6d1
```
#89a6d1 rgb(137,166,209)
```
#82a5d8
```
#82a5d8 rgb(130,165,216)
```
#7ca4de
```
#7ca4de rgb(124,164,222)
```
#76a2e4
```
#76a2e4 rgb(118,162,228)
```
#6fa1eb
```
#6fa1eb rgb(111,161,235)
```
#69a0f1
```
#69a0f1 rgb(105,160,241)
```
#639ff7
```
#639ff7 rgb(99,159,247)
```
#5c9efe
```
#5c9efe rgb(92,158,254)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8f9aab Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a1ee Protanopia 1% of men
#78a3f2 Deuteranopia 1% of men
#55b0bd Tritanopia 0.001% of the population

Trichromacy

#7ba0ef Protanomaly 1% of men, 0.01% of women
#72a2f1 Deuteranomaly 6% of men, 0.4% of women
#5caacf Tritanomaly 0.01% of the population

#69a0f1 hex color

#69a0f1 Color Information

#69a0f1 Color Conversion

Color Schemes with #69a0f1

Alternatives to #69a0f1

#69a0f1 Preview

Shades and Tints of #69a0f1

Tones of #69a0f1

Color Blindness Simulator