#69acfc hex color

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

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

● #69acfc color description : Soft blue.

The hexadecimal color #69acfc has RGB values of R:105, G:172, B:252 and CMYK values of C:0.58, M:0.32, Y:0, K:0.01. Its decimal value is 6925564.

Hex triplet	69acfc	`#69acfc`
RGB Decimal	105, 172, 252	`rgb(105,172,252)`
RGB Percent	41.2, 67.5, 98.8	`rgb(41.2%,67.5%,98.8%)`
CMYK	58, 32, 0, 1
HSL	212.7°, 96.1, 70	`hsl(212.7,96.1%,70%)`
HSV (or HSB)	212.7°, 58.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.136, 1.842, -46.124
XYZ	38.145, 39.534, 97.711
xyY	0.217, 0.225, 39.534
CIE-LCH	69.136, 46.161, 272.287
CIE-LUV	69.136, -29.446, -74.943
Hunter-Lab	62.876, -1.744, -48.124
Binary	01101001, 10101100, 11111100

#69acfc
```
#69acfc rgb(105,172,252)
```
#fcb969
```
#fcb969 rgb(252,185,105)
```

Complementary Color

#69f6fc
```
#69f6fc rgb(105,246,252)
```
#69acfc
```
#69acfc rgb(105,172,252)
```
#7069fc
```
#7069fc rgb(112,105,252)
```

Analogous Color

#f6fc69
```
#f6fc69 rgb(246,252,105)
```
#69acfc
```
#69acfc rgb(105,172,252)
```
#fc7069
```
#fc7069 rgb(252,112,105)
```

Split Complementary Color

#acfc69
```
#acfc69 rgb(172,252,105)
```
#69acfc
```
#69acfc rgb(105,172,252)
```
#fc69ac
```
#fc69ac rgb(252,105,172)
```

Triadic Color

#69fcb9
```
#69fcb9 rgb(105,252,185)
```
#69acfc
```
#69acfc rgb(105,172,252)
```
#fc69ac
```
#fc69ac rgb(252,105,172)
```
#fcb969
```
#fcb969 rgb(252,185,105)
```

Tetradic Color

#1e83fb
```
#1e83fb rgb(30,131,251)
```
#3790fb
```
#3790fb rgb(55,144,251)
```
#509efc
```
#509efc rgb(80,158,252)
```
#69acfc
```
#69acfc rgb(105,172,252)
```
#82bafd
```
#82bafd rgb(130,186,253)
```
#9bc8fd
```
#9bc8fd rgb(155,200,253)
```
#b4d6fe
```
#b4d6fe rgb(180,214,254)
```

Monochromatic Color

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

#69d1fc
```
#69d1fc rgb(105,209,252)
```
#69c5fc
```
#69c5fc rgb(105,197,252)
```
#69b8fc
```
#69b8fc rgb(105,184,252)
```
#69acfc
```
#69acfc rgb(105,172,252)
```
#69a0fc
```
#69a0fc rgb(105,160,252)
```
#6994fc
```
#6994fc rgb(105,148,252)
```
#6987fc
```
#6987fc rgb(105,135,252)
```

Similar Colors

Text with hexadecimal color #69acfc

This text has a font color of #69acfc.

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

#69acfc background color

This paragraph has a background color of #69acfc.

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

#69acfc border color

This element has a border color of #69acfc.

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

CSS codes

.text {color:#69acfc;}

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

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

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)
```
#000b17
```
#000b17 rgb(0,11,23)
```
#01142a
```
#01142a rgb(1,20,42)
```
#011d3e
```
#011d3e rgb(1,29,62)
```
#022651
```
#022651 rgb(2,38,81)
```
#022f64
```
#022f64 rgb(2,47,100)
```
#023877
```
#023877 rgb(2,56,119)
```
#03418a
```
#03418a rgb(3,65,138)
```
#034a9e
```
#034a9e rgb(3,74,158)
```
#0453b1
```
#0453b1 rgb(4,83,177)
```
#045cc4
```
#045cc4 rgb(4,92,196)
```
#0465d7
```
#0465d7 rgb(4,101,215)
```
#056deb
```
#056deb rgb(5,109,235)
```

Shade Color Variation

#0977fa
```
#0977fa rgb(9,119,250)
```
#1c81fa
```
#1c81fa rgb(28,129,250)
```
#2f8cfb
```
#2f8cfb rgb(47,140,251)
```
#4397fb
```
#4397fb rgb(67,151,251)
```
#56a1fc
```
#56a1fc rgb(86,161,252)
```
#69acfc
```
#69acfc rgb(105,172,252)
```
#7cb7fc
```
#7cb7fc rgb(124,183,252)
```
#8fc1fd
```
#8fc1fd rgb(143,193,253)
```
#a3ccfd
```
#a3ccfd rgb(163,204,253)
```
#b6d7fe
```
#b6d7fe rgb(182,215,254)
```
#c9e1fe
```
#c9e1fe rgb(201,225,254)
```
#dcecfe
```
#dcecfe rgb(220,236,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 #69acfc is the most saturated one.

#b0b2b5
```
#b0b2b5 rgb(176,178,181)
```
#aab2bb
```
#aab2bb rgb(170,178,187)
```
#a4b1c1
```
#a4b1c1 rgb(164,177,193)
```
#9eb1c7
```
#9eb1c7 rgb(158,177,199)
```
#98b0cd
```
#98b0cd rgb(152,176,205)
```
#92b0d3
```
#92b0d3 rgb(146,176,211)
```
#8cafd9
```
#8cafd9 rgb(140,175,217)
```
#86afdf
```
#86afdf rgb(134,175,223)
```
#81aee4
```
#81aee4 rgb(129,174,228)
```
#7baeea
```
#7baeea rgb(123,174,234)
```
#75adf0
```
#75adf0 rgb(117,173,240)
```
#6fadf6
```
#6fadf6 rgb(111,173,246)
```
#69acfc
```
#69acfc rgb(105,172,252)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#96a3b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91aaf7 Protanopia 1% of men
#83acfd Deuteranopia 1% of men
#53bbc8 Tritanopia 0.001% of the population

Trichromacy

#82abf9 Protanomaly 1% of men, 0.01% of women
#79acfd Deuteranomaly 6% of men, 0.4% of women
#5bb5db Tritanomaly 0.01% of the population

#69acfc hex color

#69acfc Color Information

#69acfc Color Conversion

Color Schemes with #69acfc

Alternatives to #69acfc

#69acfc Preview

Shades and Tints of #69acfc

Tones of #69acfc

Color Blindness Simulator