#69a5fc hex color

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

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

● #69a5fc color description : Soft blue.

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

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

CIE-LAB	67.232, 5.823, -49.123
XYZ	36.848, 36.94, 97.278
xyY	0.215, 0.216, 36.94
CIE-LCH	67.232, 49.467, 276.76
CIE-LUV	67.232, -26.988, -80.176
Hunter-Lab	60.778, 1.857, -52.352
Binary	01101001, 10100101, 11111100

#69a5fc
```
#69a5fc rgb(105,165,252)
```
#fcc069
```
#fcc069 rgb(252,192,105)
```

Complementary Color

#69effc
```
#69effc rgb(105,239,252)
```
#69a5fc
```
#69a5fc rgb(105,165,252)
```
#7769fc
```
#7769fc rgb(119,105,252)
```

Analogous Color

#effc69
```
#effc69 rgb(239,252,105)
```
#69a5fc
```
#69a5fc rgb(105,165,252)
```
#fc7769
```
#fc7769 rgb(252,119,105)
```

Split Complementary Color

#a5fc69
```
#a5fc69 rgb(165,252,105)
```
#69a5fc
```
#69a5fc rgb(105,165,252)
```
#fc69a5
```
#fc69a5 rgb(252,105,165)
```

Triadic Color

#69fcc0
```
#69fcc0 rgb(105,252,192)
```
#69a5fc
```
#69a5fc rgb(105,165,252)
```
#fc69a5
```
#fc69a5 rgb(252,105,165)
```
#fcc069
```
#fcc069 rgb(252,192,105)
```

Tetradic Color

#1e78fb
```
#1e78fb rgb(30,120,251)
```
#3787fb
```
#3787fb rgb(55,135,251)
```
#5096fc
```
#5096fc rgb(80,150,252)
```
#69a5fc
```
#69a5fc rgb(105,165,252)
```
#82b4fd
```
#82b4fd rgb(130,180,253)
```
#9bc3fd
```
#9bc3fd rgb(155,195,253)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```

Monochromatic Color

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

#69cafc
```
#69cafc rgb(105,202,252)
```
#69befc
```
#69befc rgb(105,190,252)
```
#69b1fc
```
#69b1fc rgb(105,177,252)
```
#69a5fc
```
#69a5fc rgb(105,165,252)
```
#6999fc
```
#6999fc rgb(105,153,252)
```
#698dfc
```
#698dfc rgb(105,141,252)
```
#6980fc
```
#6980fc rgb(105,128,252)
```

Similar Colors

Text with hexadecimal color #69a5fc

This text has a font color of #69a5fc.

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

#69a5fc background color

This paragraph has a background color of #69a5fc.

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

#69a5fc border color

This element has a border color of #69a5fc.

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

CSS codes

.text {color:#69a5fc;}

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

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

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)
```
#01122a
```
#01122a rgb(1,18,42)
```
#011a3e
```
#011a3e rgb(1,26,62)
```
#022251
```
#022251 rgb(2,34,81)
```
#022a64
```
#022a64 rgb(2,42,100)
```
#023277
```
#023277 rgb(2,50,119)
```
#033a8a
```
#033a8a rgb(3,58,138)
```
#03429e
```
#03429e rgb(3,66,158)
```
#044ab1
```
#044ab1 rgb(4,74,177)
```
#0452c4
```
#0452c4 rgb(4,82,196)
```
#045ad7
```
#045ad7 rgb(4,90,215)
```
#0563eb
```
#0563eb rgb(5,99,235)
```

Shade Color Variation

#096bfa
```
#096bfa rgb(9,107,250)
```
#1c77fa
```
#1c77fa rgb(28,119,250)
```
#2f82fb
```
#2f82fb rgb(47,130,251)
```
#438efb
```
#438efb rgb(67,142,251)
```
#5699fc
```
#5699fc rgb(86,153,252)
```
#69a5fc
```
#69a5fc rgb(105,165,252)
```
#7cb1fc
```
#7cb1fc rgb(124,177,252)
```
#8fbcfd
```
#8fbcfd rgb(143,188,253)
```
#a3c8fd
```
#a3c8fd rgb(163,200,253)
```
#b6d3fe
```
#b6d3fe rgb(182,211,254)
```
#c9dffe
```
#c9dffe rgb(201,223,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 #69a5fc is the most saturated one.

#b0b2b5
```
#b0b2b5 rgb(176,178,181)
```
#aab1bb
```
#aab1bb rgb(170,177,187)
```
#a4b0c1
```
#a4b0c1 rgb(164,176,193)
```
#9eafc7
```
#9eafc7 rgb(158,175,199)
```
#98aecd
```
#98aecd rgb(152,174,205)
```
#92add3
```
#92add3 rgb(146,173,211)
```
#8cabd9
```
#8cabd9 rgb(140,171,217)
```
#86aadf
```
#86aadf rgb(134,170,223)
```
#81a9e4
```
#81a9e4 rgb(129,169,228)
```
#7ba8ea
```
#7ba8ea rgb(123,168,234)
```
#75a7f0
```
#75a7f0 rgb(117,167,240)
```
#6fa6f6
```
#6fa6f6 rgb(111,166,246)
```
#69a5fc
```
#69a5fc rgb(105,165,252)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#939fb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a5f9 Protanopia 1% of men
#77a8fc Deuteranopia 1% of men
#50b5c3 Tritanopia 0.001% of the population

Trichromacy

#7ca5fa Protanomaly 1% of men, 0.01% of women
#72a7fc Deuteranomaly 6% of men, 0.4% of women
#59afd7 Tritanomaly 0.01% of the population

#69a5fc hex color

#69a5fc Color Information

#69a5fc Color Conversion

Color Schemes with #69a5fc

Alternatives to #69a5fc

#69a5fc Preview

Shades and Tints of #69a5fc

Tones of #69a5fc

Color Blindness Simulator