#2f5ded hex color

In a RGB color space, hex #2f5ded is composed of 18.4% red, 36.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 60.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 225.5 degrees, a saturation of 84.1% and a lightness of 55.7%. #2f5ded color hex could be obtained by blending #5ebaff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 36
- B 93
RGB color chart
- C 80
- M 61
- Y 0
- K 7
CMYK color chart

● #2f5ded color description : Bright blue.

The hexadecimal color #2f5ded has RGB values of R:47, G:93, B:237 and CMYK values of C:0.8, M:0.61, Y:0, K:0.07. Its decimal value is 3104237.

Hex triplet	2f5ded	`#2f5ded`
RGB Decimal	47, 93, 237	`rgb(47,93,237)`
RGB Percent	18.4, 36.5, 92.9	`rgb(18.4%,36.5%,92.9%)`
CMYK	80, 61, 0, 7
HSL	225.5°, 84.1, 55.7	`hsl(225.5,84.1%,55.7%)`
HSV (or HSB)	225.5°, 80.2, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.006, 36.259, -76.669
XYZ	20.369, 14.546, 81.85
xyY	0.174, 0.125, 14.546
CIE-LCH	45.006, 84.81, 295.311
CIE-LUV	45.006, -17.28, -115.795
Hunter-Lab	38.139, 28.59, -100.545
Binary	00101111, 01011101, 11101101

#2f5ded
```
#2f5ded rgb(47,93,237)
```
#edbf2f
```
#edbf2f rgb(237,191,47)
```

Complementary Color

#2fbced
```
#2fbced rgb(47,188,237)
```
#2f5ded
```
#2f5ded rgb(47,93,237)
```
#602fed
```
#602fed rgb(96,47,237)
```

Analogous Color

#bced2f
```
#bced2f rgb(188,237,47)
```
#2f5ded
```
#2f5ded rgb(47,93,237)
```
#ed602f
```
#ed602f rgb(237,96,47)
```

Split Complementary Color

#5ded2f
```
#5ded2f rgb(93,237,47)
```
#2f5ded
```
#2f5ded rgb(47,93,237)
```
#ed2f5d
```
#ed2f5d rgb(237,47,93)
```

Triadic Color

#2fedbf
```
#2fedbf rgb(47,237,191)
```
#2f5ded
```
#2f5ded rgb(47,93,237)
```
#ed2f5d
```
#ed2f5d rgb(237,47,93)
```
#edbf2f
```
#edbf2f rgb(237,191,47)
```

Tetradic Color

#113bbf
```
#113bbf rgb(17,59,191)
```
#1342d6
```
#1342d6 rgb(19,66,214)
```
#184beb
```
#184beb rgb(24,75,235)
```
#2f5ded
```
#2f5ded rgb(47,93,237)
```
#466fef
```
#466fef rgb(70,111,239)
```
#5e82f1
```
#5e82f1 rgb(94,130,241)
```
#7594f3
```
#7594f3 rgb(117,148,243)
```

Monochromatic Color

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

#2f8ded
```
#2f8ded rgb(47,141,237)
```
#2f7ded
```
#2f7ded rgb(47,125,237)
```
#2f6ded
```
#2f6ded rgb(47,109,237)
```
#2f5ded
```
#2f5ded rgb(47,93,237)
```
#2f4ded
```
#2f4ded rgb(47,77,237)
```
#2f3ded
```
#2f3ded rgb(47,61,237)
```
#302fed
```
#302fed rgb(48,47,237)
```

Similar Colors

Text with hexadecimal color #2f5ded

This text has a font color of #2f5ded.

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

#2f5ded background color

This paragraph has a background color of #2f5ded.

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

#2f5ded border color

This element has a border color of #2f5ded.

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

CSS codes

.text {color:#2f5ded;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#02081b
```
#02081b rgb(2,8,27)
```
#040e2d
```
#040e2d rgb(4,14,45)
```
#05133f
```
#05133f rgb(5,19,63)
```
#071951
```
#071951 rgb(7,25,81)
```
#091e63
```
#091e63 rgb(9,30,99)
```
#0a2475
```
#0a2475 rgb(10,36,117)
```
#0c2a87
```
#0c2a87 rgb(12,42,135)
```
#0d2f99
```
#0d2f99 rgb(13,47,153)
```
#0f35ab
```
#0f35ab rgb(15,53,171)
```
#103abd
```
#103abd rgb(16,58,189)
```
#1240cf
```
#1240cf rgb(18,64,207)
```
#1345e1
```
#1345e1 rgb(19,69,225)
```

Shade Color Variation

#1d4feb
```
#1d4feb rgb(29,79,235)
```
#2f5ded
```
#2f5ded rgb(47,93,237)
```
#416bef
```
#416bef rgb(65,107,239)
```
#5379f0
```
#5379f0 rgb(83,121,240)
```
#6587f2
```
#6587f2 rgb(101,135,242)
```
#7795f3
```
#7795f3 rgb(119,149,243)
```
#89a3f5
```
#89a3f5 rgb(137,163,245)
```
#9bb1f6
```
#9bb1f6 rgb(155,177,246)
```
#adbff8
```
#adbff8 rgb(173,191,248)
```
#bfcdf9
```
#bfcdf9 rgb(191,205,249)
```
#d1dcfb
```
#d1dcfb rgb(209,220,251)
```
#e4eafd
```
#e4eafd rgb(228,234,253)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868a96 is the less saturated color, while #1e54fe is the most saturated one.

#868a96
```
#868a96 rgb(134,138,150)
```
#7d859f
```
#7d859f rgb(125,133,159)
```
#7581a7
```
#7581a7 rgb(117,129,167)
```
#6c7cb0
```
#6c7cb0 rgb(108,124,176)
```
#6378b9
```
#6378b9 rgb(99,120,185)
```
#5a73c2
```
#5a73c2 rgb(90,115,194)
```
#526fca
```
#526fca rgb(82,111,202)
```
#496ad3
```
#496ad3 rgb(73,106,211)
```
#4066dc
```
#4066dc rgb(64,102,220)
```
#3861e4
```
#3861e4 rgb(56,97,228)
```
#2f5ded
```
#2f5ded rgb(47,93,237)
```
#2659f6
```
#2659f6 rgb(38,89,246)
```
#1e54fe
```
#1e54fe rgb(30,84,254)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#565f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#1168df Protanomaly 1% of men, 0.01% of women
#116cce Deuteranomaly 6% of men, 0.4% of women
#1171aa Tritanomaly 0.01% of the population

#2f5ded hex color

#2f5ded Color Information

#2f5ded Color Conversion

Color Schemes with #2f5ded

Alternatives to #2f5ded

#2f5ded Preview

Shades and Tints of #2f5ded

Tones of #2f5ded

Color Blindness Simulator