#0690f0 hex color

In a RGB color space, hex #0690f0 is composed of 2.4% red, 56.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 40% magenta, 0% yellow and 5.9% black. It has a hue angle of 204.6 degrees, a saturation of 95.1% and a lightness of 48.2%. #0690f0 color hex could be obtained by blending #0cffff with #0021e1. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 56
- B 94
RGB color chart
- C 98
- M 40
- Y 0
- K 6
CMYK color chart

● #0690f0 color description : Vivid blue.

The hexadecimal color #0690f0 has RGB values of R:6, G:144, B:240 and CMYK values of C:0.98, M:0.4, Y:0, K:0.06. Its decimal value is 430320.

Hex triplet	0690f0	`#0690f0`
RGB Decimal	6, 144, 240	`rgb(6,144,240)`
RGB Percent	2.4, 56.5, 94.1	`rgb(2.4%,56.5%,94.1%)`
CMYK	98, 40, 0, 6
HSL	204.6°, 95.1, 48.2	`hsl(204.6,95.1%,48.2%)`
HSV (or HSB)	204.6°, 97.5, 94.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	58.296, 3.384, -56.882
XYZ	25.773, 26.274, 86.146
xyY	0.186, 0.19, 26.274
CIE-LCH	58.296, 56.982, 273.405
CIE-LUV	58.296, -34.755, -90.739
Hunter-Lab	51.258, 0.048, -63.764
Binary	00000110, 10010000, 11110000

#0690f0
```
#0690f0 rgb(6,144,240)
```
#f06606
```
#f06606 rgb(240,102,6)
```

Complementary Color

#06f0db
```
#06f0db rgb(6,240,219)
```
#0690f0
```
#0690f0 rgb(6,144,240)
```
#061bf0
```
#061bf0 rgb(6,27,240)
```

Analogous Color

#f0db06
```
#f0db06 rgb(240,219,6)
```
#0690f0
```
#0690f0 rgb(6,144,240)
```
#f0061b
```
#f0061b rgb(240,6,27)
```

Split Complementary Color

#90f006
```
#90f006 rgb(144,240,6)
```
#0690f0
```
#0690f0 rgb(6,144,240)
```
#f00690
```
#f00690 rgb(240,6,144)
```

Triadic Color

#06f066
```
#06f066 rgb(6,240,102)
```
#0690f0
```
#0690f0 rgb(6,144,240)
```
#f00690
```
#f00690 rgb(240,6,144)
```
#f06606
```
#f06606 rgb(240,102,6)
```

Tetradic Color

#0463a5
```
#0463a5 rgb(4,99,165)
```
#0572be
```
#0572be rgb(5,114,190)
```
#0581d7
```
#0581d7 rgb(5,129,215)
```
#0690f0
```
#0690f0 rgb(6,144,240)
```
#169cf9
```
#169cf9 rgb(22,156,249)
```
#2fa7fa
```
#2fa7fa rgb(47,167,250)
```
#48b1fa
```
#48b1fa rgb(72,177,250)
```

Monochromatic Color

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

#06cbf0
```
#06cbf0 rgb(6,203,240)
```
#06b7f0
```
#06b7f0 rgb(6,183,240)
```
#06a4f0
```
#06a4f0 rgb(6,164,240)
```
#0690f0
```
#0690f0 rgb(6,144,240)
```
#067df0
```
#067df0 rgb(6,125,240)
```
#0669f0
```
#0669f0 rgb(6,105,240)
```
#0656f0
```
#0656f0 rgb(6,86,240)
```

Similar Colors

Text with hexadecimal color #0690f0

This text has a font color of #0690f0.

<span style="color:#0690f0;">Text here</span>

#0690f0 background color

This paragraph has a background color of #0690f0.

<p style="background-color:#0690f0;">Content here</p>

#0690f0 border color

This element has a border color of #0690f0.

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

CSS codes

.text {color:#0690f0;}

.background {background-color:#0690f0;}

.border {border:1px solid #0690f0;}

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#01121d
```
#01121d rgb(1,18,29)
```
#011d31
```
#011d31 rgb(1,29,49)
```
#022944
```
#022944 rgb(2,41,68)
```
#023457
```
#023457 rgb(2,52,87)
```
#03406a
```
#03406a rgb(3,64,106)
```
#034b7d
```
#034b7d rgb(3,75,125)
```
#045790
```
#045790 rgb(4,87,144)
```
#0462a3
```
#0462a3 rgb(4,98,163)
```
#056eb7
```
#056eb7 rgb(5,110,183)
```
#0579ca
```
#0579ca rgb(5,121,202)
```
#0685dd
```
#0685dd rgb(6,133,221)
```
#0690f0
```
#0690f0 rgb(6,144,240)
```

Shade Color Variation

#119af9
```
#119af9 rgb(17,154,249)
```
#24a2fa
```
#24a2fa rgb(36,162,250)
```
#37aafa
```
#37aafa rgb(55,170,250)
```
#4ab2fa
```
#4ab2fa rgb(74,178,250)
```
#5dbafb
```
#5dbafb rgb(93,186,251)
```
#70c2fb
```
#70c2fb rgb(112,194,251)
```
#83cafc
```
#83cafc rgb(131,202,252)
```
#97d3fc
```
#97d3fc rgb(151,211,252)
```
#aadbfd
```
#aadbfd rgb(170,219,253)
```
#bde3fd
```
#bde3fd rgb(189,227,253)
```
#d0ebfe
```
#d0ebfe rgb(208,235,254)
```
#e3f3fe
```
#e3f3fe rgb(227,243,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787c7e is the less saturated color, while #0690f0 is the most saturated one.

#787c7e
```
#787c7e rgb(120,124,126)
```
#6e7d88
```
#6e7d88 rgb(110,125,136)
```
#657f91
```
#657f91 rgb(101,127,145)
```
#5b819b
```
#5b819b rgb(91,129,155)
```
#5282a4
```
#5282a4 rgb(82,130,164)
```
#4884ae
```
#4884ae rgb(72,132,174)
```
#3f86b7
```
#3f86b7 rgb(63,134,183)
```
#3588c1
```
#3588c1 rgb(53,136,193)
```
#2c89ca
```
#2c89ca rgb(44,137,202)
```
#228bd4
```
#228bd4 rgb(34,139,212)
```
#198ddd
```
#198ddd rgb(25,141,221)
```
#0f8ee7
```
#0f8ee7 rgb(15,142,231)
```
#0690f0
```
#0690f0 rgb(6,144,240)
```

Tone Color Variation

Below, you can see how #0690f0 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

#727272 Achromatopsia 0.005% of the population
#5c788b Atypical Achromatopsia 0.001% of the population

Dichromacy

#678feb Protanopia 1% of men
#3893f1 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#438fec Protanomaly 1% of men, 0.01% of women
#2692f1 Deuteranomaly 6% of men, 0.4% of women
#029ac3 Tritanomaly 0.01% of the population

#0690f0 hex color

#0690f0 Color Information

#0690f0 Color Conversion

Color Schemes with #0690f0

Alternatives to #0690f0

#0690f0 Preview

Shades and Tints of #0690f0

Tones of #0690f0

Color Blindness Simulator