#096afd hex color

In a RGB color space, hex #096afd is composed of 3.5% red, 41.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 96.4% cyan, 58.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.1 degrees, a saturation of 98.4% and a lightness of 51.4%. #096afd color hex could be obtained by blending #12d4ff with #0000fb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 4
- G 42
- B 99
RGB color chart
- C 96
- M 58
- Y 0
- K 1
CMYK color chart

● #096afd color description : Vivid blue.

The hexadecimal color #096afd has RGB values of R:9, G:106, B:253 and CMYK values of C:0.96, M:0.58, Y:0, K:0.01. Its decimal value is 617213.

Hex triplet	096afd	`#096afd`
RGB Decimal	9, 106, 253	`rgb(9,106,253)`
RGB Percent	3.5, 41.6, 99.2	`rgb(3.5%,41.6%,99.2%)`
CMYK	96, 58, 0, 1
HSL	216.1°, 98.4, 51.4	`hsl(216.1,98.4%,51.4%)`
HSV (or HSB)	216.1°, 96.4, 99.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.83, 32.106, -79.389
XYZ	22.992, 17.456, 95.081
xyY	0.17, 0.129, 17.456
CIE-LCH	48.83, 85.636, 292.019
CIE-LUV	48.83, -23.176, -122.355
Hunter-Lab	41.78, 25.116, -105.681
Binary	00001001, 01101010, 11111101

#096afd
```
#096afd rgb(9,106,253)
```
#fd9c09
```
#fd9c09 rgb(253,156,9)
```

Complementary Color

#09e4fd
```
#09e4fd rgb(9,228,253)
```
#096afd
```
#096afd rgb(9,106,253)
```
#2209fd
```
#2209fd rgb(34,9,253)
```

Analogous Color

#e4fd09
```
#e4fd09 rgb(228,253,9)
```
#096afd
```
#096afd rgb(9,106,253)
```
#fd2209
```
#fd2209 rgb(253,34,9)
```

Split Complementary Color

#6afd09
```
#6afd09 rgb(106,253,9)
```
#096afd
```
#096afd rgb(9,106,253)
```
#fd096a
```
#fd096a rgb(253,9,106)
```

Triadic Color

#09fd9c
```
#09fd9c rgb(9,253,156)
```
#096afd
```
#096afd rgb(9,106,253)
```
#fd096a
```
#fd096a rgb(253,9,106)
```
#fd9c09
```
#fd9c09 rgb(253,156,9)
```

Tetradic Color

#014ab8
```
#014ab8 rgb(1,74,184)
```
#0254d1
```
#0254d1 rgb(2,84,209)
```
#025eeb
```
#025eeb rgb(2,94,235)
```
#096afd
```
#096afd rgb(9,106,253)
```
#2279fd
```
#2279fd rgb(34,121,253)
```
#3c89fd
```
#3c89fd rgb(60,137,253)
```
#5598fe
```
#5598fe rgb(85,152,254)
```

Monochromatic Color

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

#09a7fd
```
#09a7fd rgb(9,167,253)
```
#0993fd
```
#0993fd rgb(9,147,253)
```
#097efd
```
#097efd rgb(9,126,253)
```
#096afd
```
#096afd rgb(9,106,253)
```
#0956fd
```
#0956fd rgb(9,86,253)
```
#0941fd
```
#0941fd rgb(9,65,253)
```
#092dfd
```
#092dfd rgb(9,45,253)
```

Similar Colors

Text with hexadecimal color #096afd

This text has a font color of #096afd.

<span style="color:#096afd;">Text here</span>

#096afd background color

This paragraph has a background color of #096afd.

<p style="background-color:#096afd;">Content here</p>

#096afd border color

This element has a border color of #096afd.

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

CSS codes

.text {color:#096afd;}

.background {background-color:#096afd;}

.border {border:1px solid #096afd;}

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

#000307
```
#000307 rgb(0,3,7)
```
#000b1a
```
#000b1a rgb(0,11,26)
```
#00122e
```
#00122e rgb(0,18,46)
```
#011a41
```
#011a41 rgb(1,26,65)
```
#012255
```
#012255 rgb(1,34,85)
```
#012a68
```
#012a68 rgb(1,42,104)
```
#01327c
```
#01327c rgb(1,50,124)
```
#013a8f
```
#013a8f rgb(1,58,143)
```
#0141a3
```
#0141a3 rgb(1,65,163)
```
#0149b6
```
#0149b6 rgb(1,73,182)
```
#0251ca
```
#0251ca rgb(2,81,202)
```
#0259dd
```
#0259dd rgb(2,89,221)
```
#0261f0
```
#0261f0 rgb(2,97,240)
```

Shade Color Variation

#096afd
```
#096afd rgb(9,106,253)
```
#1c76fd
```
#1c76fd rgb(28,118,253)
```
#3082fd
```
#3082fd rgb(48,130,253)
```
#438dfd
```
#438dfd rgb(67,141,253)
```
#5799fe
```
#5799fe rgb(87,153,254)
```
#6aa5fe
```
#6aa5fe rgb(106,165,254)
```
#7eb1fe
```
#7eb1fe rgb(126,177,254)
```
#91bcfe
```
#91bcfe rgb(145,188,254)
```
#a5c8fe
```
#a5c8fe rgb(165,200,254)
```
#b8d4fe
```
#b8d4fe rgb(184,212,254)
```
#cce0ff
```
#cce0ff rgb(204,224,255)
```
#dfecff
```
#dfecff rgb(223,236,255)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#7b818b
```
#7b818b rgb(123,129,139)
```
#728094
```
#728094 rgb(114,128,148)
```
#687e9e
```
#687e9e rgb(104,126,158)
```
#5f7ca7
```
#5f7ca7 rgb(95,124,167)
```
#557ab1
```
#557ab1 rgb(85,122,177)
```
#4c78ba
```
#4c78ba rgb(76,120,186)
```
#4276c4
```
#4276c4 rgb(66,118,196)
```
#3974cd
```
#3974cd rgb(57,116,205)
```
#2f72d7
```
#2f72d7 rgb(47,114,215)
```
#2670e0
```
#2670e0 rgb(38,112,224)
```
#1c6eea
```
#1c6eea rgb(28,110,234)
```
#136cf3
```
#136cf3 rgb(19,108,243)
```
#096afd
```
#096afd rgb(9,106,253)
```

Tone Color Variation

Below, you can see how #096afd 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

#5e5e5e Achromatopsia 0.005% of the population
#4d607e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecb Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#0372f0 Protanomaly 1% of men, 0.01% of women
#0376dd Deuteranomaly 6% of men, 0.4% of women
#037cb6 Tritanomaly 0.01% of the population

#096afd hex color

#096afd Color Information

#096afd Color Conversion

Color Schemes with #096afd

Alternatives to #096afd

#096afd Preview

Shades and Tints of #096afd

Tones of #096afd

Color Blindness Simulator