#2d97fe hex color

In a RGB color space, hex #2d97fe is composed of 17.6% red, 59.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 40.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 209.6 degrees, a saturation of 99.1% and a lightness of 58.6%. #2d97fe color hex could be obtained by blending #5affff with #002ffd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 59
- B 100
RGB color chart
- C 82
- M 41
- Y 0
- K 0
CMYK color chart

● #2d97fe color description : Bright blue.

The hexadecimal color #2d97fe has RGB values of R:45, G:151, B:254 and CMYK values of C:0.82, M:0.41, Y:0, K:0. Its decimal value is 2988030.

Hex triplet	2d97fe	`#2d97fe`
RGB Decimal	45, 151, 254	`rgb(45,151,254)`
RGB Percent	17.6, 59.2, 99.6	`rgb(17.6%,59.2%,99.6%)`
CMYK	82, 41, 0, 0
HSL	209.6°, 99.1, 58.6	`hsl(209.6,99.1%,58.6%)`
HSV (or HSB)	209.6°, 82.3, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	61.52, 6.425, -59.406
XYZ	30.034, 29.844, 97.938
xyY	0.19, 0.189, 29.844
CIE-LCH	61.52, 59.753, 276.173
CIE-LUV	61.52, -33.689, -96.123
Hunter-Lab	54.63, 2.532, -68.052
Binary	00101101, 10010111, 11111110

#2d97fe
```
#2d97fe rgb(45,151,254)
```
#fe942d
```
#fe942d rgb(254,148,45)
```

Complementary Color

#2dfefd
```
#2dfefd rgb(45,254,253)
```
#2d97fe
```
#2d97fe rgb(45,151,254)
```
#2d2ffe
```
#2d2ffe rgb(45,47,254)
```

Analogous Color

#fefd2d
```
#fefd2d rgb(254,253,45)
```
#2d97fe
```
#2d97fe rgb(45,151,254)
```
#fe2d2f
```
#fe2d2f rgb(254,45,47)
```

Split Complementary Color

#97fe2d
```
#97fe2d rgb(151,254,45)
```
#2d97fe
```
#2d97fe rgb(45,151,254)
```
#fe2d97
```
#fe2d97 rgb(254,45,151)
```

Triadic Color

#2dfe94
```
#2dfe94 rgb(45,254,148)
```
#2d97fe
```
#2d97fe rgb(45,151,254)
```
#fe2d97
```
#fe2d97 rgb(254,45,151)
```
#fe942d
```
#fe942d rgb(254,148,45)
```

Tetradic Color

#0171dd
```
#0171dd rgb(1,113,221)
```
#017ef7
```
#017ef7 rgb(1,126,247)
```
#148afe
```
#148afe rgb(20,138,254)
```
#2d97fe
```
#2d97fe rgb(45,151,254)
```
#46a4fe
```
#46a4fe rgb(70,164,254)
```
#60b0fe
```
#60b0fe rgb(96,176,254)
```
#79bdfe
```
#79bdfe rgb(121,189,254)
```

Monochromatic Color

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

#2dcbfe
```
#2dcbfe rgb(45,203,254)
```
#2dbafe
```
#2dbafe rgb(45,186,254)
```
#2da8fe
```
#2da8fe rgb(45,168,254)
```
#2d97fe
```
#2d97fe rgb(45,151,254)
```
#2d86fe
```
#2d86fe rgb(45,134,254)
```
#2d74fe
```
#2d74fe rgb(45,116,254)
```
#2d63fe
```
#2d63fe rgb(45,99,254)
```

Similar Colors

Text with hexadecimal color #2d97fe

This text has a font color of #2d97fe.

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

#2d97fe background color

This paragraph has a background color of #2d97fe.

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

#2d97fe border color

This element has a border color of #2d97fe.

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

CSS codes

.text {color:#2d97fe;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000c18
```
#000c18 rgb(0,12,24)
```
#00162c
```
#00162c rgb(0,22,44)
```
#00203f
```
#00203f rgb(0,32,63)
```
#002a53
```
#002a53 rgb(0,42,83)
```
#003466
```
#003466 rgb(0,52,102)
```
#013e7a
```
#013e7a rgb(1,62,122)
```
#01488d
```
#01488d rgb(1,72,141)
```
#0152a1
```
#0152a1 rgb(1,82,161)
```
#015cb4
```
#015cb4 rgb(1,92,180)
```
#0166c8
```
#0166c8 rgb(1,102,200)
```
#0170db
```
#0170db rgb(1,112,219)
```
#017aef
```
#017aef rgb(1,122,239)
```

Shade Color Variation

#0684fe
```
#0684fe rgb(6,132,254)
```
#198dfe
```
#198dfe rgb(25,141,254)
```
#2d97fe
```
#2d97fe rgb(45,151,254)
```
#41a1fe
```
#41a1fe rgb(65,161,254)
```
#54aafe
```
#54aafe rgb(84,170,254)
```
#68b4fe
```
#68b4fe rgb(104,180,254)
```
#7bbefe
```
#7bbefe rgb(123,190,254)
```
#8fc7fe
```
#8fc7fe rgb(143,199,254)
```
#a2d1ff
```
#a2d1ff rgb(162,209,255)
```
#b6dbff
```
#b6dbff rgb(182,219,255)
```
#c9e4ff
```
#c9e4ff rgb(201,228,255)
```
#ddeeff
```
#ddeeff rgb(221,238,255)
```
#f0f8ff
```
#f0f8ff rgb(240,248,255)
```

Tint Color Variation

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

#8e969d
```
#8e969d rgb(142,150,157)
```
#8696a5
```
#8696a5 rgb(134,150,165)
```
#7e96ad
```
#7e96ad rgb(126,150,173)
```
#7696b5
```
#7696b5 rgb(118,150,181)
```
#6e96bd
```
#6e96bd rgb(110,150,189)
```
#6696c5
```
#6696c5 rgb(102,150,197)
```
#5e96cd
```
#5e96cd rgb(94,150,205)
```
#5696d5
```
#5696d5 rgb(86,150,213)
```
#4d97de
```
#4d97de rgb(77,151,222)
```
#4597e6
```
#4597e6 rgb(69,151,230)
```
#3d97ee
```
#3d97ee rgb(61,151,238)
```
#3597f6
```
#3597f6 rgb(53,151,246)
```
#2d97fe
```
#2d97fe rgb(45,151,254)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#72879c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b96f9 Protanopia 1% of men
#3d9bfe Deuteranopia 1% of men
#00a9b3 Tritanopia 0.001% of the population

Trichromacy

#5496fb Protanomaly 1% of men, 0.01% of women
#379afe Deuteranomaly 6% of men, 0.4% of women
#10a2ce Tritanomaly 0.01% of the population

#2d97fe hex color

#2d97fe Color Information

#2d97fe Color Conversion

Color Schemes with #2d97fe

Alternatives to #2d97fe

#2d97fe Preview

Shades and Tints of #2d97fe

Tones of #2d97fe

Color Blindness Simulator