#2d95f8 hex color

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

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

● #2d95f8 color description : Bright blue.

The hexadecimal color #2d95f8 has RGB values of R:45, G:149, B:248 and CMYK values of C:0.82, M:0.4, Y:0, K:0.03. Its decimal value is 2987512.

Hex triplet	2d95f8	`#2d95f8`
RGB Decimal	45, 149, 248	`rgb(45,149,248)`
RGB Percent	17.6, 58.4, 97.3	`rgb(17.6%,58.4%,97.3%)`
CMYK	82, 40, 0, 3
HSL	209.3°, 93.5, 57.5	`hsl(209.3,93.5%,57.5%)`
HSV (or HSB)	209.3°, 81.9, 97.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.629, 5.413, -57.538
XYZ	28.769, 28.828, 92.85
xyY	0.191, 0.192, 28.828
CIE-LCH	60.629, 57.792, 275.374
CIE-LUV	60.629, -33.321, -92.693
Hunter-Lab	53.691, 1.684, -64.948
Binary	00101101, 10010101, 11111000

#2d95f8
```
#2d95f8 rgb(45,149,248)
```
#f8902d
```
#f8902d rgb(248,144,45)
```

Complementary Color

#2df8f6
```
#2df8f6 rgb(45,248,246)
```
#2d95f8
```
#2d95f8 rgb(45,149,248)
```
#2d30f8
```
#2d30f8 rgb(45,48,248)
```

Analogous Color

#f8f62d
```
#f8f62d rgb(248,246,45)
```
#2d95f8
```
#2d95f8 rgb(45,149,248)
```
#f82d30
```
#f82d30 rgb(248,45,48)
```

Split Complementary Color

#95f82d
```
#95f82d rgb(149,248,45)
```
#2d95f8
```
#2d95f8 rgb(45,149,248)
```
#f82d95
```
#f82d95 rgb(248,45,149)
```

Triadic Color

#2df890
```
#2df890 rgb(45,248,144)
```
#2d95f8
```
#2d95f8 rgb(45,149,248)
```
#f82d95
```
#f82d95 rgb(248,45,149)
```
#f8902d
```
#f8902d rgb(248,144,45)
```

Tetradic Color

#076fd2
```
#076fd2 rgb(7,111,210)
```
#087cea
```
#087cea rgb(8,124,234)
```
#1489f7
```
#1489f7 rgb(20,137,247)
```
#2d95f8
```
#2d95f8 rgb(45,149,248)
```
#46a1f9
```
#46a1f9 rgb(70,161,249)
```
#5eaefa
```
#5eaefa rgb(94,174,250)
```
#77bafa
```
#77bafa rgb(119,186,250)
```

Monochromatic Color

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

#2dc8f8
```
#2dc8f8 rgb(45,200,248)
```
#2db7f8
```
#2db7f8 rgb(45,183,248)
```
#2da6f8
```
#2da6f8 rgb(45,166,248)
```
#2d95f8
```
#2d95f8 rgb(45,149,248)
```
#2d84f8
```
#2d84f8 rgb(45,132,248)
```
#2d73f8
```
#2d73f8 rgb(45,115,248)
```
#2d62f8
```
#2d62f8 rgb(45,98,248)
```

Similar Colors

Text with hexadecimal color #2d95f8

This text has a font color of #2d95f8.

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

#2d95f8 background color

This paragraph has a background color of #2d95f8.

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

#2d95f8 border color

This element has a border color of #2d95f8.

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

CSS codes

.text {color:#2d95f8;}

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

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

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

#010912
```
#010912 rgb(1,9,18)
```
#011325
```
#011325 rgb(1,19,37)
```
#021d38
```
#021d38 rgb(2,29,56)
```
#02284b
```
#02284b rgb(2,40,75)
```
#03325e
```
#03325e rgb(3,50,94)
```
#043c71
```
#043c71 rgb(4,60,113)
```
#044684
```
#044684 rgb(4,70,132)
```
#055097
```
#055097 rgb(5,80,151)
```
#065aaa
```
#065aaa rgb(6,90,170)
```
#0664bd
```
#0664bd rgb(6,100,189)
```
#076ed0
```
#076ed0 rgb(7,110,208)
```
#0878e3
```
#0878e3 rgb(8,120,227)
```
#0882f6
```
#0882f6 rgb(8,130,246)
```

Shade Color Variation

#1a8bf7
```
#1a8bf7 rgb(26,139,247)
```
#2d95f8
```
#2d95f8 rgb(45,149,248)
```
#409ff9
```
#409ff9 rgb(64,159,249)
```
#53a8f9
```
#53a8f9 rgb(83,168,249)
```
#66b2fa
```
#66b2fa rgb(102,178,250)
```
#79bbfb
```
#79bbfb rgb(121,187,251)
```
#8cc5fb
```
#8cc5fb rgb(140,197,251)
```
#9fcefc
```
#9fcefc rgb(159,206,252)
```
#b2d8fc
```
#b2d8fc rgb(178,216,252)
```
#c5e2fd
```
#c5e2fd rgb(197,226,253)
```
#d8ebfe
```
#d8ebfe rgb(216,235,254)
```
#ebf5fe
```
#ebf5fe rgb(235,245,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 #2d95f8 is the most saturated one.

#919394
```
#919394 rgb(145,147,148)
```
#89939c
```
#89939c rgb(137,147,156)
```
#8093a5
```
#8093a5 rgb(128,147,165)
```
#7893ad
```
#7893ad rgb(120,147,173)
```
#7093b5
```
#7093b5 rgb(112,147,181)
```
#6794be
```
#6794be rgb(103,148,190)
```
#5f94c6
```
#5f94c6 rgb(95,148,198)
```
#5794ce
```
#5794ce rgb(87,148,206)
```
#4e94d7
```
#4e94d7 rgb(78,148,215)
```
#4694df
```
#4694df rgb(70,148,223)
```
#3e95e7
```
#3e95e7 rgb(62,149,231)
```
#3595f0
```
#3595f0 rgb(53,149,240)
```
#2d95f8
```
#2d95f8 rgb(45,149,248)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#708599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c94f3 Protanopia 1% of men
#4299f8 Deuteranopia 1% of men
#00a6b1 Tritanopia 0.001% of the population

Trichromacy

#5594f5 Protanomaly 1% of men, 0.01% of women
#3a97f8 Deuteranomaly 6% of men, 0.4% of women
#10a0cb Tritanomaly 0.01% of the population

#2d95f8 hex color

#2d95f8 Color Information

#2d95f8 Color Conversion

Color Schemes with #2d95f8

Alternatives to #2d95f8

#2d95f8 Preview

Shades and Tints of #2d95f8

Tones of #2d95f8

Color Blindness Simulator