#069afc hex color

In a RGB color space, hex #069afc is composed of 2.4% red, 60.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 38.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 203.9 degrees, a saturation of 97.6% and a lightness of 50.6%. #069afc color hex could be obtained by blending #0cffff with #0035f9. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 60
- B 99
RGB color chart
- C 98
- M 39
- Y 0
- K 1
CMYK color chart

● #069afc color description : Vivid blue.

The hexadecimal color #069afc has RGB values of R:6, G:154, B:252 and CMYK values of C:0.98, M:0.39, Y:0, K:0.01. Its decimal value is 432892.

Hex triplet	069afc	`#069afc`
RGB Decimal	6, 154, 252	`rgb(6,154,252)`
RGB Percent	2.4, 60.4, 98.8	`rgb(2.4%,60.4%,98.8%)`
CMYK	98, 39, 0, 1
HSL	203.9°, 97.6, 50.6	`hsl(203.9,97.6%,50.6%)`
HSV (or HSB)	203.9°, 97.6, 98.8
Web Safe	0099ff	`#0099ff`

CIE-LAB	61.805, 2.001, -57.881
XYZ	29.197, 30.175, 96.376
xyY	0.187, 0.194, 30.175
CIE-LCH	61.805, 57.916, 271.98
CIE-LUV	61.805, -37.244, -93.262
Hunter-Lab	54.932, -1.256, -65.569
Binary	00000110, 10011010, 11111100

#069afc
```
#069afc rgb(6,154,252)
```
#fc6806
```
#fc6806 rgb(252,104,6)
```

Complementary Color

#06fce3
```
#06fce3 rgb(6,252,227)
```
#069afc
```
#069afc rgb(6,154,252)
```
#061ffc
```
#061ffc rgb(6,31,252)
```

Analogous Color

#fce306
```
#fce306 rgb(252,227,6)
```
#069afc
```
#069afc rgb(6,154,252)
```
#fc061f
```
#fc061f rgb(252,6,31)
```

Split Complementary Color

#9afc06
```
#9afc06 rgb(154,252,6)
```
#069afc
```
#069afc rgb(6,154,252)
```
#fc069a
```
#fc069a rgb(252,6,154)
```

Triadic Color

#06fc68
```
#06fc68 rgb(6,252,104)
```
#069afc
```
#069afc rgb(6,154,252)
```
#fc069a
```
#fc069a rgb(252,6,154)
```
#fc6806
```
#fc6806 rgb(252,104,6)
```

Tetradic Color

#026db3
```
#026db3 rgb(2,109,179)
```
#027ccd
```
#027ccd rgb(2,124,205)
```
#038be6
```
#038be6 rgb(3,139,230)
```
#069afc
```
#069afc rgb(6,154,252)
```
#1fa4fc
```
#1fa4fc rgb(31,164,252)
```
#38aefd
```
#38aefd rgb(56,174,253)
```
#52b9fd
```
#52b9fd rgb(82,185,253)
```

Monochromatic Color

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

#06d8fc
```
#06d8fc rgb(6,216,252)
```
#06c3fc
```
#06c3fc rgb(6,195,252)
```
#06affc
```
#06affc rgb(6,175,252)
```
#069afc
```
#069afc rgb(6,154,252)
```
#0686fc
```
#0686fc rgb(6,134,252)
```
#0671fc
```
#0671fc rgb(6,113,252)
```
#065dfc
```
#065dfc rgb(6,93,252)
```

Similar Colors

Text with hexadecimal color #069afc

This text has a font color of #069afc.

<span style="color:#069afc;">Text here</span>

#069afc background color

This paragraph has a background color of #069afc.

<p style="background-color:#069afc;">Content here</p>

#069afc border color

This element has a border color of #069afc.

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

CSS codes

.text {color:#069afc;}

.background {background-color:#069afc;}

.border {border:1px solid #069afc;}

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

#000203
```
#000203 rgb(0,2,3)
```
#000e16
```
#000e16 rgb(0,14,22)
```
#01192a
```
#01192a rgb(1,25,42)
```
#01253d
```
#01253d rgb(1,37,61)
```
#013150
```
#013150 rgb(1,49,80)
```
#013d64
```
#013d64 rgb(1,61,100)
```
#014877
```
#014877 rgb(1,72,119)
```
#02548b
```
#02548b rgb(2,84,139)
```
#02609e
```
#02609e rgb(2,96,158)
```
#026cb1
```
#026cb1 rgb(2,108,177)
```
#0277c5
```
#0277c5 rgb(2,119,197)
```
#0383d8
```
#0383d8 rgb(3,131,216)
```
#038fec
```
#038fec rgb(3,143,236)
```

Shade Color Variation

#069afc
```
#069afc rgb(6,154,252)
```
#19a2fc
```
#19a2fc rgb(25,162,252)
```
#2daafc
```
#2daafc rgb(45,170,252)
```
#40b2fd
```
#40b2fd rgb(64,178,253)
```
#54b9fd
```
#54b9fd rgb(84,185,253)
```
#67c1fd
```
#67c1fd rgb(103,193,253)
```
#7ac9fd
```
#7ac9fd rgb(122,201,253)
```
#8ed1fe
```
#8ed1fe rgb(142,209,254)
```
#a1d9fe
```
#a1d9fe rgb(161,217,254)
```
#b4e1fe
```
#b4e1fe rgb(180,225,254)
```
#c8e9fe
```
#c8e9fe rgb(200,233,254)
```
#dbf0ff
```
#dbf0ff rgb(219,240,255)
```
#eff8ff
```
#eff8ff rgb(239,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8288 is the less saturated color, while #069afc is the most saturated one.

#7a8288
```
#7a8288 rgb(122,130,136)
```
#718491
```
#718491 rgb(113,132,145)
```
#67869b
```
#67869b rgb(103,134,155)
```
#5d88a5
```
#5d88a5 rgb(93,136,165)
```
#548aae
```
#548aae rgb(84,138,174)
```
#4a8cb8
```
#4a8cb8 rgb(74,140,184)
```
#408ec2
```
#408ec2 rgb(64,142,194)
```
#3690cc
```
#3690cc rgb(54,144,204)
```
#2d92d5
```
#2d92d5 rgb(45,146,213)
```
#2394df
```
#2394df rgb(35,148,223)
```
#1996e9
```
#1996e9 rgb(25,150,233)
```
#1098f2
```
#1098f2 rgb(16,152,242)
```
#069afc
```
#069afc rgb(6,154,252)
```

Tone Color Variation

Below, you can see how #069afc 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

#797979 Achromatopsia 0.005% of the population
#628093 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7097f5 Protanopia 1% of men
#449cfd Deuteranopia 1% of men
#00aab4 Tritanopia 0.001% of the population

Trichromacy

#4998f8 Protanomaly 1% of men, 0.01% of women
#2d9bfc Deuteranomaly 6% of men, 0.4% of women
#02a4ce Tritanomaly 0.01% of the population

#069afc hex color

#069afc Color Information

#069afc Color Conversion

Color Schemes with #069afc

Alternatives to #069afc

#069afc Preview

Shades and Tints of #069afc

Tones of #069afc

Color Blindness Simulator