#093af2 hex color

In a RGB color space, hex #093af2 is composed of 3.5% red, 22.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 76% magenta, 0% yellow and 5.1% black. It has a hue angle of 227.4 degrees, a saturation of 92.8% and a lightness of 49.2%. #093af2 color hex could be obtained by blending #1274ff with #0000e5. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 4
- G 23
- B 95
RGB color chart
- C 96
- M 76
- Y 0
- K 5
CMYK color chart

● #093af2 color description : Vivid blue.

The hexadecimal color #093af2 has RGB values of R:9, G:58, B:242 and CMYK values of C:0.96, M:0.76, Y:0, K:0.05. Its decimal value is 604914.

Hex triplet	093af2	`#093af2`
RGB Decimal	9, 58, 242	`rgb(9,58,242)`
RGB Percent	3.5, 22.7, 94.9	`rgb(3.5%,22.7%,94.9%)`
CMYK	96, 76, 0, 5
HSL	227.4°, 92.8, 49.2	`hsl(227.4,92.8%,49.2%)`
HSV (or HSB)	227.4°, 96.3, 94.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.918, 57.162, -92.846
XYZ	17.649, 9.494, 84.902
xyY	0.158, 0.085, 9.494
CIE-LCH	36.918, 109.032, 301.619
CIE-LUV	36.918, -13.258, -125.901
Hunter-Lab	30.812, 48.328, -141.806
Binary	00001001, 00111010, 11110010

#093af2
```
#093af2 rgb(9,58,242)
```
#f2c109
```
#f2c109 rgb(242,193,9)
```

Complementary Color

#09aff2
```
#09aff2 rgb(9,175,242)
```
#093af2
```
#093af2 rgb(9,58,242)
```
#4c09f2
```
#4c09f2 rgb(76,9,242)
```

Analogous Color

#aff209
```
#aff209 rgb(175,242,9)
```
#093af2
```
#093af2 rgb(9,58,242)
```
#f24d09
```
#f24d09 rgb(242,77,9)
```

Split Complementary Color

#3af209
```
#3af209 rgb(58,242,9)
```
#093af2
```
#093af2 rgb(9,58,242)
```
#f2093a
```
#f2093a rgb(242,9,58)
```

Triadic Color

#09f2c1
```
#09f2c1 rgb(9,242,193)
```
#093af2
```
#093af2 rgb(9,58,242)
```
#f2093a
```
#f2093a rgb(242,9,58)
```
#f2c109
```
#f2c109 rgb(242,193,9)
```

Tetradic Color

#0628a8
```
#0628a8 rgb(6,40,168)
```
#072ec1
```
#072ec1 rgb(7,46,193)
```
#0834d9
```
#0834d9 rgb(8,52,217)
```
#093af2
```
#093af2 rgb(9,58,242)
```
#1e4bf7
```
#1e4bf7 rgb(30,75,247)
```
#365ff8
```
#365ff8 rgb(54,95,248)
```
#4f73f8
```
#4f73f8 rgb(79,115,248)
```

Monochromatic Color

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

#0974f2
```
#0974f2 rgb(9,116,242)
```
#0961f2
```
#0961f2 rgb(9,97,242)
```
#094df2
```
#094df2 rgb(9,77,242)
```
#093af2
```
#093af2 rgb(9,58,242)
```
#0927f2
```
#0927f2 rgb(9,39,242)
```
#0913f2
```
#0913f2 rgb(9,19,242)
```
#1209f2
```
#1209f2 rgb(18,9,242)
```

Similar Colors

Text with hexadecimal color #093af2

This text has a font color of #093af2.

<span style="color:#093af2;">Text here</span>

#093af2 background color

This paragraph has a background color of #093af2.

<p style="background-color:#093af2;">Content here</p>

#093af2 border color

This element has a border color of #093af2.

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

CSS codes

.text {color:#093af2;}

.background {background-color:#093af2;}

.border {border:1px solid #093af2;}

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, #01040f is the darkest color, while #fbfcff is the lightest one.

#01040f
```
#01040f rgb(1,4,15)
```
#010822
```
#010822 rgb(1,8,34)
```
#020d35
```
#020d35 rgb(2,13,53)
```
#031148
```
#031148 rgb(3,17,72)
```
#03165b
```
#03165b rgb(3,22,91)
```
#041a6e
```
#041a6e rgb(4,26,110)
```
#051f81
```
#051f81 rgb(5,31,129)
```
#052393
```
#052393 rgb(5,35,147)
```
#0628a6
```
#0628a6 rgb(6,40,166)
```
#072cb9
```
#072cb9 rgb(7,44,185)
```
#0831cc
```
#0831cc rgb(8,49,204)
```
#0835df
```
#0835df rgb(8,53,223)
```
#093af2
```
#093af2 rgb(9,58,242)
```

Shade Color Variation

#1847f6
```
#1847f6 rgb(24,71,246)
```
#2b56f7
```
#2b56f7 rgb(43,86,247)
```
#3e65f8
```
#3e65f8 rgb(62,101,248)
```
#5174f9
```
#5174f9 rgb(81,116,249)
```
#6483f9
```
#6483f9 rgb(100,131,249)
```
#7792fa
```
#7792fa rgb(119,146,250)
```
#8aa1fb
```
#8aa1fb rgb(138,161,251)
```
#9db1fb
```
#9db1fb rgb(157,177,251)
```
#afc0fc
```
#afc0fc rgb(175,192,252)
```
#c2cffd
```
#c2cffd rgb(194,207,253)
```
#d5defd
```
#d5defd rgb(213,222,253)
```
#e8edfe
```
#e8edfe rgb(232,237,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#7d7d7e
```
#7d7d7e rgb(125,125,126)
```
#737888
```
#737888 rgb(115,120,136)
```
#6a7291
```
#6a7291 rgb(106,114,145)
```
#606c9b
```
#606c9b rgb(96,108,155)
```
#5667a5
```
#5667a5 rgb(86,103,165)
```
#4d61ae
```
#4d61ae rgb(77,97,174)
```
#435cb8
```
#435cb8 rgb(67,92,184)
```
#3956c2
```
#3956c2 rgb(57,86,194)
```
#3050cb
```
#3050cb rgb(48,80,203)
```
#264bd5
```
#264bd5 rgb(38,75,213)
```
#1c45df
```
#1c45df rgb(28,69,223)
```
#1340e8
```
#1340e8 rgb(19,64,232)
```
#093af2
```
#093af2 rgb(9,58,242)
```

Tone Color Variation

Below, you can see how #093af2 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

#404040 Achromatopsia 0.005% of the population
#353f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00696d Tritanopia 0.001% of the population

Trichromacy

#0350ca Protanomaly 1% of men, 0.01% of women
#0353bb Deuteranomaly 6% of men, 0.4% of women
#03589d Tritanomaly 0.01% of the population

#093af2 hex color

#093af2 Color Information

#093af2 Color Conversion

Color Schemes with #093af2

Alternatives to #093af2

#093af2 Preview

Shades and Tints of #093af2

Tones of #093af2

Color Blindness Simulator