#69a4fc hex color

In a RGB color space, hex #69a4fc is composed of 41.2% red, 64.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 34.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 215.9 degrees, a saturation of 96.1% and a lightness of 70%. #69a4fc color hex could be obtained by blending #d2ffff with #0049f9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 64
- B 99
RGB color chart
- C 58
- M 35
- Y 0
- K 1
CMYK color chart

● #69a4fc color description : Soft blue.

The hexadecimal color #69a4fc has RGB values of R:105, G:164, B:252 and CMYK values of C:0.58, M:0.35, Y:0, K:0.01. Its decimal value is 6923516.

Hex triplet	69a4fc	`#69a4fc`
RGB Decimal	105, 164, 252	`rgb(105,164,252)`
RGB Percent	41.2, 64.3, 98.8	`rgb(41.2%,64.3%,98.8%)`
CMYK	58, 35, 0, 1
HSL	215.9°, 96.1, 70	`hsl(215.9,96.1%,70%)`
HSV (or HSB)	215.9°, 58.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.961, 6.397, -49.551
XYZ	36.668, 36.58, 97.219
xyY	0.215, 0.215, 36.58
CIE-LCH	66.961, 49.962, 277.356
CIE-LUV	66.961, -26.639, -80.914
Hunter-Lab	60.482, 2.375, -52.966
Binary	01101001, 10100100, 11111100

#69a4fc
```
#69a4fc rgb(105,164,252)
```
#fcc169
```
#fcc169 rgb(252,193,105)
```

Complementary Color

#69eefc
```
#69eefc rgb(105,238,252)
```
#69a4fc
```
#69a4fc rgb(105,164,252)
```
#7869fc
```
#7869fc rgb(120,105,252)
```

Analogous Color

#eefc69
```
#eefc69 rgb(238,252,105)
```
#69a4fc
```
#69a4fc rgb(105,164,252)
```
#fc7869
```
#fc7869 rgb(252,120,105)
```

Split Complementary Color

#a4fc69
```
#a4fc69 rgb(164,252,105)
```
#69a4fc
```
#69a4fc rgb(105,164,252)
```
#fc69a4
```
#fc69a4 rgb(252,105,164)
```

Triadic Color

#69fcc1
```
#69fcc1 rgb(105,252,193)
```
#69a4fc
```
#69a4fc rgb(105,164,252)
```
#fc69a4
```
#fc69a4 rgb(252,105,164)
```
#fcc169
```
#fcc169 rgb(252,193,105)
```

Tetradic Color

#1e77fb
```
#1e77fb rgb(30,119,251)
```
#3786fb
```
#3786fb rgb(55,134,251)
```
#5095fc
```
#5095fc rgb(80,149,252)
```
#69a4fc
```
#69a4fc rgb(105,164,252)
```
#82b3fd
```
#82b3fd rgb(130,179,253)
```
#9bc2fd
```
#9bc2fd rgb(155,194,253)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```

Monochromatic Color

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

#69c9fc
```
#69c9fc rgb(105,201,252)
```
#69bdfc
```
#69bdfc rgb(105,189,252)
```
#69b0fc
```
#69b0fc rgb(105,176,252)
```
#69a4fc
```
#69a4fc rgb(105,164,252)
```
#6998fc
```
#6998fc rgb(105,152,252)
```
#698cfc
```
#698cfc rgb(105,140,252)
```
#697ffc
```
#697ffc rgb(105,127,252)
```

Similar Colors

Text with hexadecimal color #69a4fc

This text has a font color of #69a4fc.

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

#69a4fc background color

This paragraph has a background color of #69a4fc.

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

#69a4fc border color

This element has a border color of #69a4fc.

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

CSS codes

.text {color:#69a4fc;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000a17
```
#000a17 rgb(0,10,23)
```
#01112a
```
#01112a rgb(1,17,42)
```
#01193e
```
#01193e rgb(1,25,62)
```
#022151
```
#022151 rgb(2,33,81)
```
#022964
```
#022964 rgb(2,41,100)
```
#023177
```
#023177 rgb(2,49,119)
```
#03398a
```
#03398a rgb(3,57,138)
```
#03419e
```
#03419e rgb(3,65,158)
```
#0449b1
```
#0449b1 rgb(4,73,177)
```
#0451c4
```
#0451c4 rgb(4,81,196)
```
#0459d7
```
#0459d7 rgb(4,89,215)
```
#0561eb
```
#0561eb rgb(5,97,235)
```

Shade Color Variation

#096afa
```
#096afa rgb(9,106,250)
```
#1c75fa
```
#1c75fa rgb(28,117,250)
```
#2f81fb
```
#2f81fb rgb(47,129,251)
```
#438dfb
```
#438dfb rgb(67,141,251)
```
#5698fc
```
#5698fc rgb(86,152,252)
```
#69a4fc
```
#69a4fc rgb(105,164,252)
```
#7cb0fc
```
#7cb0fc rgb(124,176,252)
```
#8fbbfd
```
#8fbbfd rgb(143,187,253)
```
#a3c7fd
```
#a3c7fd rgb(163,199,253)
```
#b6d3fe
```
#b6d3fe rgb(182,211,254)
```
#c9defe
```
#c9defe rgb(201,222,254)
```
#dceafe
```
#dceafe rgb(220,234,254)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#b0b2b5
```
#b0b2b5 rgb(176,178,181)
```
#aab1bb
```
#aab1bb rgb(170,177,187)
```
#a4b0c1
```
#a4b0c1 rgb(164,176,193)
```
#9eaec7
```
#9eaec7 rgb(158,174,199)
```
#98adcd
```
#98adcd rgb(152,173,205)
```
#92acd3
```
#92acd3 rgb(146,172,211)
```
#8cabd9
```
#8cabd9 rgb(140,171,217)
```
#86aadf
```
#86aadf rgb(134,170,223)
```
#81a9e4
```
#81a9e4 rgb(129,169,228)
```
#7ba7ea
```
#7ba7ea rgb(123,167,234)
```
#75a6f0
```
#75a6f0 rgb(117,166,240)
```
#6fa5f6
```
#6fa5f6 rgb(111,165,246)
```
#69a4fc
```
#69a4fc rgb(105,164,252)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#929eaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a4f9 Protanopia 1% of men
#75a7fc Deuteranopia 1% of men
#4fb5c2 Tritanopia 0.001% of the population

Trichromacy

#7ba4fa Protanomaly 1% of men, 0.01% of women
#71a6fc Deuteranomaly 6% of men, 0.4% of women
#59aed7 Tritanomaly 0.01% of the population

#69a4fc hex color

#69a4fc Color Information

#69a4fc Color Conversion

Color Schemes with #69a4fc

Alternatives to #69a4fc

#69a4fc Preview

Shades and Tints of #69a4fc

Tones of #69a4fc

Color Blindness Simulator