#2093f2 hex color

In a RGB color space, hex #2093f2 is composed of 12.5% red, 57.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 39.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 207.1 degrees, a saturation of 89% and a lightness of 53.7%. #2093f2 color hex could be obtained by blending #40ffff with #0027e5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 13
- G 58
- B 95
RGB color chart
- C 87
- M 39
- Y 0
- K 5
CMYK color chart

● #2093f2 color description : Vivid blue.

The hexadecimal color #2093f2 has RGB values of R:32, G:147, B:242 and CMYK values of C:0.87, M:0.39, Y:0, K:0.05. Its decimal value is 2135026.

Hex triplet	2093f2	`#2093f2`
RGB Decimal	32, 147, 242	`rgb(32,147,242)`
RGB Percent	12.5, 57.6, 94.9	`rgb(12.5%,57.6%,94.9%)`
CMYK	87, 39, 0, 5
HSL	207.1°, 89, 53.7	`hsl(207.1,89%,53.7%)`
HSV (or HSB)	207.1°, 86.8, 94.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.51, 3.423, -56.034
XYZ	27.053, 27.583, 87.898
xyY	0.19, 0.194, 27.583
CIE-LCH	59.51, 56.139, 273.496
CIE-LUV	59.51, -34.224, -89.709
Hunter-Lab	52.519, 0.036, -62.466
Binary	00100000, 10010011, 11110010

#2093f2
```
#2093f2 rgb(32,147,242)
```
#f27f20
```
#f27f20 rgb(242,127,32)
```

Complementary Color

#20f2e8
```
#20f2e8 rgb(32,242,232)
```
#2093f2
```
#2093f2 rgb(32,147,242)
```
#202af2
```
#202af2 rgb(32,42,242)
```

Analogous Color

#f2e820
```
#f2e820 rgb(242,232,32)
```
#2093f2
```
#2093f2 rgb(32,147,242)
```
#f2202a
```
#f2202a rgb(242,32,42)
```

Split Complementary Color

#93f220
```
#93f220 rgb(147,242,32)
```
#2093f2
```
#2093f2 rgb(32,147,242)
```
#f22093
```
#f22093 rgb(242,32,147)
```

Triadic Color

#20f27f
```
#20f27f rgb(32,242,127)
```
#2093f2
```
#2093f2 rgb(32,147,242)
```
#f22093
```
#f22093 rgb(242,32,147)
```
#f27f20
```
#f27f20 rgb(242,127,32)
```

Tetradic Color

#0b6bbb
```
#0b6bbb rgb(11,107,187)
```
#0c79d3
```
#0c79d3 rgb(12,121,211)
```
#0e87eb
```
#0e87eb rgb(14,135,235)
```
#2093f2
```
#2093f2 rgb(32,147,242)
```
#389ff3
```
#389ff3 rgb(56,159,243)
```
#50aaf5
```
#50aaf5 rgb(80,170,245)
```
#68b6f6
```
#68b6f6 rgb(104,182,246)
```

Monochromatic Color

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

#20c8f2
```
#20c8f2 rgb(32,200,242)
```
#20b6f2
```
#20b6f2 rgb(32,182,242)
```
#20a5f2
```
#20a5f2 rgb(32,165,242)
```
#2093f2
```
#2093f2 rgb(32,147,242)
```
#2082f2
```
#2082f2 rgb(32,130,242)
```
#2070f2
```
#2070f2 rgb(32,112,242)
```
#205ef2
```
#205ef2 rgb(32,94,242)
```

Similar Colors

Text with hexadecimal color #2093f2

This text has a font color of #2093f2.

<span style="color:#2093f2;">Text here</span>

#2093f2 background color

This paragraph has a background color of #2093f2.

<p style="background-color:#2093f2;">Content here</p>

#2093f2 border color

This element has a border color of #2093f2.

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

CSS codes

.text {color:#2093f2;}

.background {background-color:#2093f2;}

.border {border:1px solid #2093f2;}

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, #010a12 is the darkest color, while #feffff is the lightest one.

#010a12
```
#010a12 rgb(1,10,18)
```
#021524
```
#021524 rgb(2,21,36)
```
#032037
```
#032037 rgb(3,32,55)
```
#042a4a
```
#042a4a rgb(4,42,74)
```
#05355c
```
#05355c rgb(5,53,92)
```
#063f6f
```
#063f6f rgb(6,63,111)
```
#084a81
```
#084a81 rgb(8,74,129)
```
#095594
```
#095594 rgb(9,85,148)
```
#0a5fa6
```
#0a5fa6 rgb(10,95,166)
```
#0b6ab9
```
#0b6ab9 rgb(11,106,185)
```
#0c75cb
```
#0c75cb rgb(12,117,203)
```
#0d7fde
```
#0d7fde rgb(13,127,222)
```
#0e8af0
```
#0e8af0 rgb(14,138,240)
```

Shade Color Variation

#2093f2
```
#2093f2 rgb(32,147,242)
```
#339cf3
```
#339cf3 rgb(51,156,243)
```
#45a5f4
```
#45a5f4 rgb(69,165,244)
```
#58aef5
```
#58aef5 rgb(88,174,245)
```
#6ab7f6
```
#6ab7f6 rgb(106,183,246)
```
#7dc0f7
```
#7dc0f7 rgb(125,192,247)
```
#8fc9f8
```
#8fc9f8 rgb(143,201,248)
```
#a2d2fa
```
#a2d2fa rgb(162,210,250)
```
#b4dbfb
```
#b4dbfb rgb(180,219,251)
```
#c7e4fc
```
#c7e4fc rgb(199,228,252)
```
#d9edfd
```
#d9edfd rgb(217,237,253)
```
#ecf6fe
```
#ecf6fe rgb(236,246,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84898e is the less saturated color, while #1794fb is the most saturated one.

#84898e
```
#84898e rgb(132,137,142)
```
#7b8a97
```
#7b8a97 rgb(123,138,151)
```
#728ba0
```
#728ba0 rgb(114,139,160)
```
#698ca9
```
#698ca9 rgb(105,140,169)
```
#608db2
```
#608db2 rgb(96,141,178)
```
#568ebc
```
#568ebc rgb(86,142,188)
```
#4d8fc5
```
#4d8fc5 rgb(77,143,197)
```
#4490ce
```
#4490ce rgb(68,144,206)
```
#3b90d7
```
#3b90d7 rgb(59,144,215)
```
#3291e0
```
#3291e0 rgb(50,145,224)
```
#2992e9
```
#2992e9 rgb(41,146,233)
```
#2093f2
```
#2093f2 rgb(32,147,242)
```
#1794fb
```
#1794fb rgb(23,148,251)
```

Tone Color Variation

Below, you can see how #2093f2 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

#7b7b7b Achromatopsia 0.005% of the population
#698093 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b92ed Protanopia 1% of men
#4396f3 Deuteranopia 1% of men
#00a3ae Tritanopia 0.001% of the population

Trichromacy

#5092ef Protanomaly 1% of men, 0.01% of women
#3695f2 Deuteranomaly 6% of men, 0.4% of women
#0b9dc6 Tritanomaly 0.01% of the population

#2093f2 hex color

#2093f2 Color Information

#2093f2 Color Conversion

Color Schemes with #2093f2

Alternatives to #2093f2

#2093f2 Preview

Shades and Tints of #2093f2

Tones of #2093f2

Color Blindness Simulator