#069afe hex color

In a RGB color space, hex #069afe is composed of 2.4% red, 60.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 39.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 204.2 degrees, a saturation of 99.2% and a lightness of 51%. #069afe color hex could be obtained by blending #0cffff with #0035fd. Closest websafe color is: #0099ff.

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

● #069afe color description : Vivid blue.

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

Hex triplet	069afe	`#069afe`
RGB Decimal	6, 154, 254	`rgb(6,154,254)`
RGB Percent	2.4, 60.4, 99.6	`rgb(2.4%,60.4%,99.6%)`
CMYK	98, 39, 0, 0
HSL	204.2°, 99.2, 51	`hsl(204.2,99.2%,51%)`
HSV (or HSB)	204.2°, 97.6, 99.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	61.915, 2.752, -58.801
XYZ	29.516, 30.303, 98.054
xyY	0.187, 0.192, 30.303
CIE-LCH	61.915, 58.865, 272.68
CIE-LUV	61.915, -37.13, -94.887
Hunter-Lab	55.048, -0.625, -67.076
Binary	00000110, 10011010, 11111110

#069afe
```
#069afe rgb(6,154,254)
```
#fe6a06
```
#fe6a06 rgb(254,106,6)
```

Complementary Color

#06fee6
```
#06fee6 rgb(6,254,230)
```
#069afe
```
#069afe rgb(6,154,254)
```
#061efe
```
#061efe rgb(6,30,254)
```

Analogous Color

#fee606
```
#fee606 rgb(254,230,6)
```
#069afe
```
#069afe rgb(6,154,254)
```
#fe061e
```
#fe061e rgb(254,6,30)
```

Split Complementary Color

#9afe06
```
#9afe06 rgb(154,254,6)
```
#069afe
```
#069afe rgb(6,154,254)
```
#fe069a
```
#fe069a rgb(254,6,154)
```

Triadic Color

#06fe6a
```
#06fe6a rgb(6,254,106)
```
#069afe
```
#069afe rgb(6,154,254)
```
#fe069a
```
#fe069a rgb(254,6,154)
```
#fe6a06
```
#fe6a06 rgb(254,106,6)
```

Tetradic Color

#016db7
```
#016db7 rgb(1,109,183)
```
#017dd0
```
#017dd0 rgb(1,125,208)
```
#018cea
```
#018cea rgb(1,140,234)
```
#069afe
```
#069afe rgb(6,154,254)
```
#1fa4fe
```
#1fa4fe rgb(31,164,254)
```
#39affe
```
#39affe rgb(57,175,254)
```
#52b9fe
```
#52b9fe rgb(82,185,254)
```

Monochromatic Color

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

#06d8fe
```
#06d8fe rgb(6,216,254)
```
#06c3fe
```
#06c3fe rgb(6,195,254)
```
#06affe
```
#06affe rgb(6,175,254)
```
#069afe
```
#069afe rgb(6,154,254)
```
#0685fe
```
#0685fe rgb(6,133,254)
```
#0671fe
```
#0671fe rgb(6,113,254)
```
#065cfe
```
#065cfe rgb(6,92,254)
```

Similar Colors

Text with hexadecimal color #069afe

This text has a font color of #069afe.

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

#069afe background color

This paragraph has a background color of #069afe.

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

#069afe border color

This element has a border color of #069afe.

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

CSS codes

.text {color:#069afe;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#000f19
```
#000f19 rgb(0,15,25)
```
#001a2c
```
#001a2c rgb(0,26,44)
```
#002640
```
#002640 rgb(0,38,64)
```
#003253
```
#003253 rgb(0,50,83)
```
#003d67
```
#003d67 rgb(0,61,103)
```
#00497a
```
#00497a rgb(0,73,122)
```
#01558e
```
#01558e rgb(1,85,142)
```
#0161a1
```
#0161a1 rgb(1,97,161)
```
#016cb5
```
#016cb5 rgb(1,108,181)
```
#0178c8
```
#0178c8 rgb(1,120,200)
```
#0184dc
```
#0184dc rgb(1,132,220)
```
#018fef
```
#018fef rgb(1,143,239)
```

Shade Color Variation

#069afe
```
#069afe rgb(6,154,254)
```
#1aa2fe
```
#1aa2fe rgb(26,162,254)
```
#2daafe
```
#2daafe rgb(45,170,254)
```
#41b2fe
```
#41b2fe rgb(65,178,254)
```
#54bafe
```
#54bafe rgb(84,186,254)
```
#68c2fe
```
#68c2fe rgb(104,194,254)
```
#7bcafe
```
#7bcafe rgb(123,202,254)
```
#8fd1ff
```
#8fd1ff rgb(143,209,255)
```
#a2d9ff
```
#a2d9ff rgb(162,217,255)
```
#b6e1ff
```
#b6e1ff rgb(182,225,255)
```
#c9e9ff
```
#c9e9ff rgb(201,233,255)
```
#ddf1ff
```
#ddf1ff rgb(221,241,255)
```
#f0f9ff
```
#f0f9ff rgb(240,249,255)
```

Tint Color Variation

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

#79848b
```
#79848b rgb(121,132,139)
```
#708694
```
#708694 rgb(112,134,148)
```
#66879e
```
#66879e rgb(102,135,158)
```
#5d89a7
```
#5d89a7 rgb(93,137,167)
```
#538bb1
```
#538bb1 rgb(83,139,177)
```
#498dbb
```
#498dbb rgb(73,141,187)
```
#408fc4
```
#408fc4 rgb(64,143,196)
```
#3691ce
```
#3691ce rgb(54,145,206)
```
#2c93d8
```
#2c93d8 rgb(44,147,216)
```
#2394e1
```
#2394e1 rgb(35,148,225)
```
#1996eb
```
#1996eb rgb(25,150,235)
```
#1098f4
```
#1098f4 rgb(16,152,244)
```
#069afe
```
#069afe rgb(6,154,254)
```

Tone Color Variation

Below, you can see how #069afe 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
#628094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f97f7 Protanopia 1% of men
#409cff Deuteranopia 1% of men
#00aab4 Tritanopia 0.001% of the population

Trichromacy

#4898fa Protanomaly 1% of men, 0.01% of women
#2b9bfe Deuteranomaly 6% of men, 0.4% of women
#02a4cf Tritanomaly 0.01% of the population

#069afe hex color

#069afe Color Information

#069afe Color Conversion

Color Schemes with #069afe

Alternatives to #069afe

#069afe Preview

Shades and Tints of #069afe

Tones of #069afe

Color Blindness Simulator