#2d88fd hex color

In a RGB color space, hex #2d88fd is composed of 17.6% red, 53.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 46.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 213.8 degrees, a saturation of 98.1% and a lightness of 58.4%. #2d88fd color hex could be obtained by blending #5affff with #0011fb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 53
- B 99
RGB color chart
- C 82
- M 46
- Y 0
- K 1
CMYK color chart

● #2d88fd color description : Bright blue.

The hexadecimal color #2d88fd has RGB values of R:45, G:136, B:253 and CMYK values of C:0.82, M:0.46, Y:0, K:0.01. Its decimal value is 2984189.

Hex triplet	2d88fd	`#2d88fd`
RGB Decimal	45, 136, 253	`rgb(45,136,253)`
RGB Percent	17.6, 53.3, 99.2	`rgb(17.6%,53.3%,99.2%)`
CMYK	82, 46, 0, 1
HSL	213.8°, 98.1, 58.4	`hsl(213.8,98.1%,58.4%)`
HSV (or HSB)	213.8°, 82.2, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.324, 15.098, -65.586
XYZ	27.612, 25.256, 96.343
xyY	0.185, 0.169, 25.256
CIE-LCH	57.324, 67.302, 282.964
CIE-LUV	57.324, -29.086, -105.453
Hunter-Lab	50.255, 10.128, -78.485
Binary	00101101, 10001000, 11111101

#2d88fd
```
#2d88fd rgb(45,136,253)
```
#fda22d
```
#fda22d rgb(253,162,45)
```

Complementary Color

#2df0fd
```
#2df0fd rgb(45,240,253)
```
#2d88fd
```
#2d88fd rgb(45,136,253)
```
#3a2dfd
```
#3a2dfd rgb(58,45,253)
```

Analogous Color

#f0fd2d
```
#f0fd2d rgb(240,253,45)
```
#2d88fd
```
#2d88fd rgb(45,136,253)
```
#fd3a2d
```
#fd3a2d rgb(253,58,45)
```

Split Complementary Color

#88fd2d
```
#88fd2d rgb(136,253,45)
```
#2d88fd
```
#2d88fd rgb(45,136,253)
```
#fd2d88
```
#fd2d88 rgb(253,45,136)
```

Triadic Color

#2dfda2
```
#2dfda2 rgb(45,253,162)
```
#2d88fd
```
#2d88fd rgb(45,136,253)
```
#fd2d88
```
#fd2d88 rgb(253,45,136)
```
#fda22d
```
#fda22d rgb(253,162,45)
```

Tetradic Color

#0261db
```
#0261db rgb(2,97,219)
```
#026cf5
```
#026cf5 rgb(2,108,245)
```
#147afd
```
#147afd rgb(20,122,253)
```
#2d88fd
```
#2d88fd rgb(45,136,253)
```
#4696fd
```
#4696fd rgb(70,150,253)
```
#60a5fd
```
#60a5fd rgb(96,165,253)
```
#79b3fe
```
#79b3fe rgb(121,179,254)
```

Monochromatic Color

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

#2dbcfd
```
#2dbcfd rgb(45,188,253)
```
#2dabfd
```
#2dabfd rgb(45,171,253)
```
#2d99fd
```
#2d99fd rgb(45,153,253)
```
#2d88fd
```
#2d88fd rgb(45,136,253)
```
#2d77fd
```
#2d77fd rgb(45,119,253)
```
#2d65fd
```
#2d65fd rgb(45,101,253)
```
#2d54fd
```
#2d54fd rgb(45,84,253)
```

Similar Colors

Text with hexadecimal color #2d88fd

This text has a font color of #2d88fd.

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

#2d88fd background color

This paragraph has a background color of #2d88fd.

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

#2d88fd border color

This element has a border color of #2d88fd.

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

CSS codes

.text {color:#2d88fd;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000a17
```
#000a17 rgb(0,10,23)
```
#00132b
```
#00132b rgb(0,19,43)
```
#011b3e
```
#011b3e rgb(1,27,62)
```
#012451
```
#012451 rgb(1,36,81)
```
#012d65
```
#012d65 rgb(1,45,101)
```
#013578
```
#013578 rgb(1,53,120)
```
#013e8c
```
#013e8c rgb(1,62,140)
```
#02469f
```
#02469f rgb(2,70,159)
```
#024fb3
```
#024fb3 rgb(2,79,179)
```
#0258c6
```
#0258c6 rgb(2,88,198)
```
#0260d9
```
#0260d9 rgb(2,96,217)
```
#0269ed
```
#0269ed rgb(2,105,237)
```

Shade Color Variation

#0672fd
```
#0672fd rgb(6,114,253)
```
#1a7dfd
```
#1a7dfd rgb(26,125,253)
```
#2d88fd
```
#2d88fd rgb(45,136,253)
```
#4093fd
```
#4093fd rgb(64,147,253)
```
#549efd
```
#549efd rgb(84,158,253)
```
#67a9fe
```
#67a9fe rgb(103,169,254)
```
#7bb4fe
```
#7bb4fe rgb(123,180,254)
```
#8ebffe
```
#8ebffe rgb(142,191,254)
```
#a2cafe
```
#a2cafe rgb(162,202,254)
```
#b5d5fe
```
#b5d5fe rgb(181,213,254)
```
#c8e0fe
```
#c8e0fe rgb(200,224,254)
```
#dcebff
```
#dcebff rgb(220,235,255)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f949b is the less saturated color, while #2d88fd is the most saturated one.

#8f949b
```
#8f949b rgb(143,148,155)
```
#8793a3
```
#8793a3 rgb(135,147,163)
```
#7f92ab
```
#7f92ab rgb(127,146,171)
```
#7691b4
```
#7691b4 rgb(118,145,180)
```
#6e90bc
```
#6e90bc rgb(110,144,188)
```
#668fc4
```
#668fc4 rgb(102,143,196)
```
#5e8ecc
```
#5e8ecc rgb(94,142,204)
```
#568dd4
```
#568dd4 rgb(86,141,212)
```
#4e8cdc
```
#4e8cdc rgb(78,140,220)
```
#458be5
```
#458be5 rgb(69,139,229)
```
#3d8aed
```
#3d8aed rgb(61,138,237)
```
#3589f5
```
#3589f5 rgb(53,137,245)
```
#2d88fd
```
#2d88fd rgb(45,136,253)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6b7d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8cfb Protanopia 1% of men
#0092f2 Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#438afb Protanomaly 1% of men, 0.01% of women
#108ef6 Deuteranomaly 6% of men, 0.4% of women
#1095c6 Tritanomaly 0.01% of the population

#2d88fd hex color

#2d88fd Color Information

#2d88fd Color Conversion

Color Schemes with #2d88fd

Alternatives to #2d88fd

#2d88fd Preview

Shades and Tints of #2d88fd

Tones of #2d88fd

Color Blindness Simulator