#2f93de hex color

In a RGB color space, hex #2f93de is composed of 18.4% red, 57.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 33.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 205.7 degrees, a saturation of 72.6% and a lightness of 52.7%. #2f93de color hex could be obtained by blending #5effff with #0027bd. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 58
- B 87
RGB color chart
- C 79
- M 34
- Y 0
- K 13
CMYK color chart

● #2f93de color description : Bright blue.

The hexadecimal color #2f93de has RGB values of R:47, G:147, B:222 and CMYK values of C:0.79, M:0.34, Y:0, K:0.13. Its decimal value is 3118046.

Hex triplet	2f93de	`#2f93de`
RGB Decimal	47, 147, 222	`rgb(47,147,222)`
RGB Percent	18.4, 57.6, 87.1	`rgb(18.4%,57.6%,87.1%)`
CMYK	79, 34, 0, 13
HSL	205.7°, 72.6, 52.7	`hsl(205.7,72.6%,52.7%)`
HSV (or HSB)	205.7°, 78.8, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.736, -2.689, -46.157
XYZ	24.788, 26.744, 72.959
xyY	0.199, 0.215, 26.744
CIE-LCH	58.736, 46.235, 266.665
CIE-LUV	58.736, -33.654, -72.589
Hunter-Lab	51.714, -4.941, -47.447
Binary	00101111, 10010011, 11011110

#2f93de
```
#2f93de rgb(47,147,222)
```
#de7a2f
```
#de7a2f rgb(222,122,47)
```

Complementary Color

#2fded2
```
#2fded2 rgb(47,222,210)
```
#2f93de
```
#2f93de rgb(47,147,222)
```
#2f3cde
```
#2f3cde rgb(47,60,222)
```

Analogous Color

#ded22f
```
#ded22f rgb(222,210,47)
```
#2f93de
```
#2f93de rgb(47,147,222)
```
#de2f3c
```
#de2f3c rgb(222,47,60)
```

Split Complementary Color

#93de2f
```
#93de2f rgb(147,222,47)
```
#2f93de
```
#2f93de rgb(47,147,222)
```
#de2f93
```
#de2f93 rgb(222,47,147)
```

Triadic Color

#2fde7a
```
#2fde7a rgb(47,222,122)
```
#2f93de
```
#2f93de rgb(47,147,222)
```
#de2f93
```
#de2f93 rgb(222,47,147)
```
#de7a2f
```
#de7a2f rgb(222,122,47)
```

Tetradic Color

#1a6aa6
```
#1a6aa6 rgb(26,106,166)
```
#1e78bc
```
#1e78bc rgb(30,120,188)
```
#2186d2
```
#2186d2 rgb(33,134,210)
```
#2f93de
```
#2f93de rgb(47,147,222)
```
#459ee1
```
#459ee1 rgb(69,158,225)
```
#5baae5
```
#5baae5 rgb(91,170,229)
```
#71b5e8
```
#71b5e8 rgb(113,181,232)
```

Monochromatic Color

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

#2fbfde
```
#2fbfde rgb(47,191,222)
```
#2fb0de
```
#2fb0de rgb(47,176,222)
```
#2fa2de
```
#2fa2de rgb(47,162,222)
```
#2f93de
```
#2f93de rgb(47,147,222)
```
#2f84de
```
#2f84de rgb(47,132,222)
```
#2f76de
```
#2f76de rgb(47,118,222)
```
#2f67de
```
#2f67de rgb(47,103,222)
```

Similar Colors

Text with hexadecimal color #2f93de

This text has a font color of #2f93de.

<span style="color:#2f93de;">Text here</span>

#2f93de background color

This paragraph has a background color of #2f93de.

<p style="background-color:#2f93de;">Content here</p>

#2f93de border color

This element has a border color of #2f93de.

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

CSS codes

.text {color:#2f93de;}

.background {background-color:#2f93de;}

.border {border:1px solid #2f93de;}

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, #02080c is the darkest color, while #fafcfe is the lightest one.

#02080c
```
#02080c rgb(2,8,12)
```
#05131d
```
#05131d rgb(5,19,29)
```
#071d2e
```
#071d2e rgb(7,29,46)
```
#0a283f
```
#0a283f rgb(10,40,63)
```
#0d3350
```
#0d3350 rgb(13,51,80)
```
#0f3e61
```
#0f3e61 rgb(15,62,97)
```
#124972
```
#124972 rgb(18,73,114)
```
#155483
```
#155483 rgb(21,84,131)
```
#175e94
```
#175e94 rgb(23,94,148)
```
#1a69a4
```
#1a69a4 rgb(26,105,164)
```
#1d74b5
```
#1d74b5 rgb(29,116,181)
```
#1f7fc6
```
#1f7fc6 rgb(31,127,198)
```
#228ad7
```
#228ad7 rgb(34,138,215)
```

Shade Color Variation

#2f93de
```
#2f93de rgb(47,147,222)
```
#409ce1
```
#409ce1 rgb(64,156,225)
```
#51a5e3
```
#51a5e3 rgb(81,165,227)
```
#62ade6
```
#62ade6 rgb(98,173,230)
```
#73b6e9
```
#73b6e9 rgb(115,182,233)
```
#84bfeb
```
#84bfeb rgb(132,191,235)
```
#95c8ee
```
#95c8ee rgb(149,200,238)
```
#a6d1f1
```
#a6d1f1 rgb(166,209,241)
```
#b6d9f3
```
#b6d9f3 rgb(182,217,243)
```
#c7e2f6
```
#c7e2f6 rgb(199,226,246)
```
#d8ebf9
```
#d8ebf9 rgb(216,235,249)
```
#e9f4fc
```
#e9f4fc rgb(233,244,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#82878b
```
#82878b rgb(130,135,139)
```
#798894
```
#798894 rgb(121,136,148)
```
#708a9d
```
#708a9d rgb(112,138,157)
```
#678ba6
```
#678ba6 rgb(103,139,166)
```
#5d8cb0
```
#5d8cb0 rgb(93,140,176)
```
#548eb9
```
#548eb9 rgb(84,142,185)
```
#4b8fc2
```
#4b8fc2 rgb(75,143,194)
```
#4290cb
```
#4290cb rgb(66,144,203)
```
#3892d5
```
#3892d5 rgb(56,146,213)
```
#2f93de
```
#2f93de rgb(47,147,222)
```
#2694e7
```
#2694e7 rgb(38,148,231)
```
#1c96f1
```
#1c96f1 rgb(28,150,241)
```
#1397fa
```
#1397fa rgb(19,151,250)
```

Tone Color Variation

Below, you can see how #2f93de 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

#7e7e7e Achromatopsia 0.005% of the population
#6e8291 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7690d9 Protanopia 1% of men
#6193e1 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#5c91db Protanomaly 1% of men, 0.01% of women
#4e93e0 Deuteranomaly 6% of men, 0.4% of women
#119cbe Tritanomaly 0.01% of the population

#2f93de hex color

#2f93de Color Information

#2f93de Color Conversion

Color Schemes with #2f93de

Alternatives to #2f93de

#2f93de Preview

Shades and Tints of #2f93de

Tones of #2f93de

Color Blindness Simulator