#2d9ff8 hex color

In a RGB color space, hex #2d9ff8 is composed of 17.6% red, 62.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 35.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 206.3 degrees, a saturation of 93.5% and a lightness of 57.5%. #2d9ff8 color hex could be obtained by blending #5affff with #003ff1. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 62
- B 97
RGB color chart
- C 82
- M 36
- Y 0
- K 3
CMYK color chart

● #2d9ff8 color description : Bright blue.

The hexadecimal color #2d9ff8 has RGB values of R:45, G:159, B:248 and CMYK values of C:0.82, M:0.36, Y:0, K:0.03. Its decimal value is 2990072.

Hex triplet	2d9ff8	`#2d9ff8`
RGB Decimal	45, 159, 248	`rgb(45,159,248)`
RGB Percent	17.6, 62.4, 97.3	`rgb(17.6%,62.4%,97.3%)`
CMYK	82, 36, 0, 3
HSL	206.3°, 93.5, 57.5	`hsl(206.3,93.5%,57.5%)`
HSV (or HSB)	206.3°, 81.9, 97.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.449, -0.441, -53.05
XYZ	30.42, 32.129, 93.4
xyY	0.195, 0.206, 32.129
CIE-LCH	63.449, 53.052, 269.523
CIE-LUV	63.449, -36.551, -85.363
Hunter-Lab	56.682, -3.399, -58.019
Binary	00101101, 10011111, 11111000

#2d9ff8
```
#2d9ff8 rgb(45,159,248)
```
#f8862d
```
#f8862d rgb(248,134,45)
```

Complementary Color

#2df8ec
```
#2df8ec rgb(45,248,236)
```
#2d9ff8
```
#2d9ff8 rgb(45,159,248)
```
#2d39f8
```
#2d39f8 rgb(45,57,248)
```

Analogous Color

#f8ec2d
```
#f8ec2d rgb(248,236,45)
```
#2d9ff8
```
#2d9ff8 rgb(45,159,248)
```
#f82d39
```
#f82d39 rgb(248,45,57)
```

Split Complementary Color

#9ff82d
```
#9ff82d rgb(159,248,45)
```
#2d9ff8
```
#2d9ff8 rgb(45,159,248)
```
#f82d9f
```
#f82d9f rgb(248,45,159)
```

Triadic Color

#2df886
```
#2df886 rgb(45,248,134)
```
#2d9ff8
```
#2d9ff8 rgb(45,159,248)
```
#f82d9f
```
#f82d9f rgb(248,45,159)
```
#f8862d
```
#f8862d rgb(248,134,45)
```

Tetradic Color

#0779d2
```
#0779d2 rgb(7,121,210)
```
#0887ea
```
#0887ea rgb(8,135,234)
```
#1494f7
```
#1494f7 rgb(20,148,247)
```
#2d9ff8
```
#2d9ff8 rgb(45,159,248)
```
#46aaf9
```
#46aaf9 rgb(70,170,249)
```
#5eb6fa
```
#5eb6fa rgb(94,182,250)
```
#77c1fa
```
#77c1fa rgb(119,193,250)
```

Monochromatic Color

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

#2dd2f8
```
#2dd2f8 rgb(45,210,248)
```
#2dc1f8
```
#2dc1f8 rgb(45,193,248)
```
#2db0f8
```
#2db0f8 rgb(45,176,248)
```
#2d9ff8
```
#2d9ff8 rgb(45,159,248)
```
#2d8ef8
```
#2d8ef8 rgb(45,142,248)
```
#2d7df8
```
#2d7df8 rgb(45,125,248)
```
#2d6cf8
```
#2d6cf8 rgb(45,108,248)
```

Similar Colors

Text with hexadecimal color #2d9ff8

This text has a font color of #2d9ff8.

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

#2d9ff8 background color

This paragraph has a background color of #2d9ff8.

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

#2d9ff8 border color

This element has a border color of #2d9ff8.

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

CSS codes

.text {color:#2d9ff8;}

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

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

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 #fefeff is the lightest one.

#010a12
```
#010a12 rgb(1,10,18)
```
#011525
```
#011525 rgb(1,21,37)
```
#022038
```
#022038 rgb(2,32,56)
```
#022b4b
```
#022b4b rgb(2,43,75)
```
#03365e
```
#03365e rgb(3,54,94)
```
#044171
```
#044171 rgb(4,65,113)
```
#044c84
```
#044c84 rgb(4,76,132)
```
#055797
```
#055797 rgb(5,87,151)
```
#0662aa
```
#0662aa rgb(6,98,170)
```
#066dbd
```
#066dbd rgb(6,109,189)
```
#0778d0
```
#0778d0 rgb(7,120,208)
```
#0883e3
```
#0883e3 rgb(8,131,227)
```
#088ef6
```
#088ef6 rgb(8,142,246)
```

Shade Color Variation

#1a96f7
```
#1a96f7 rgb(26,150,247)
```
#2d9ff8
```
#2d9ff8 rgb(45,159,248)
```
#40a8f9
```
#40a8f9 rgb(64,168,249)
```
#53b0f9
```
#53b0f9 rgb(83,176,249)
```
#66b9fa
```
#66b9fa rgb(102,185,250)
```
#79c2fb
```
#79c2fb rgb(121,194,251)
```
#8ccafb
```
#8ccafb rgb(140,202,251)
```
#9fd3fc
```
#9fd3fc rgb(159,211,252)
```
#b2dcfc
```
#b2dcfc rgb(178,220,252)
```
#c5e4fd
```
#c5e4fd rgb(197,228,253)
```
#d8edfe
```
#d8edfe rgb(216,237,254)
```
#ebf6fe
```
#ebf6fe rgb(235,246,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#919394
```
#919394 rgb(145,147,148)
```
#89949c
```
#89949c rgb(137,148,156)
```
#8095a5
```
#8095a5 rgb(128,149,165)
```
#7896ad
```
#7896ad rgb(120,150,173)
```
#7097b5
```
#7097b5 rgb(112,151,181)
```
#6798be
```
#6798be rgb(103,152,190)
```
#5f99c6
```
#5f99c6 rgb(95,153,198)
```
#579ace
```
#579ace rgb(87,154,206)
```
#4e9bd7
```
#4e9bd7 rgb(78,155,215)
```
#469cdf
```
#469cdf rgb(70,156,223)
```
#3e9de7
```
#3e9de7 rgb(62,157,231)
```
#359ef0
```
#359ef0 rgb(53,158,240)
```
#2d9ff8
```
#2d9ff8 rgb(45,159,248)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#758c9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9cf2 Protanopia 1% of men
#5d9ffa Deuteranopia 1% of men
#00aeb9 Tritanopia 0.001% of the population

Trichromacy

#5e9df4 Protanomaly 1% of men, 0.01% of women
#4c9ff9 Deuteranomaly 6% of men, 0.4% of women
#10a8d0 Tritanomaly 0.01% of the population

#2d9ff8 hex color

#2d9ff8 Color Information

#2d9ff8 Color Conversion

Color Schemes with #2d9ff8

Alternatives to #2d9ff8

#2d9ff8 Preview

Shades and Tints of #2d9ff8

Tones of #2d9ff8

Color Blindness Simulator