#2d97ed hex color

In a RGB color space, hex #2d97ed is composed of 17.6% red, 59.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 36.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 206.9 degrees, a saturation of 84.2% and a lightness of 55.3%. #2d97ed color hex could be obtained by blending #5affff with #002fdb. Closest websafe color is: #3399ff.

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

● #2d97ed color description : Bright blue.

The hexadecimal color #2d97ed has RGB values of R:45, G:151, B:237 and CMYK values of C:0.81, M:0.36, Y:0, K:0.07. Its decimal value is 2988013.

Hex triplet	2d97ed	`#2d97ed`
RGB Decimal	45, 151, 237	`rgb(45,151,237)`
RGB Percent	17.6, 59.2, 92.9	`rgb(17.6%,59.2%,92.9%)`
CMYK	81, 36, 0, 7
HSL	206.9°, 84.2, 55.3	`hsl(206.9,84.2%,55.3%)`
HSV (or HSB)	206.9°, 81, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.608, 0.22, -51.515
XYZ	27.431, 28.803, 84.23
xyY	0.195, 0.205, 28.803
CIE-LCH	60.608, 51.516, 270.244
CIE-LUV	60.608, -34.485, -82.207
Hunter-Lab	53.669, -2.685, -55.484
Binary	00101101, 10010111, 11101101

#2d97ed
```
#2d97ed rgb(45,151,237)
```
#ed832d
```
#ed832d rgb(237,131,45)
```

Complementary Color

#2dede3
```
#2dede3 rgb(45,237,227)
```
#2d97ed
```
#2d97ed rgb(45,151,237)
```
#2d37ed
```
#2d37ed rgb(45,55,237)
```

Analogous Color

#ede32d
```
#ede32d rgb(237,227,45)
```
#2d97ed
```
#2d97ed rgb(45,151,237)
```
#ed2d37
```
#ed2d37 rgb(237,45,55)
```

Split Complementary Color

#97ed2d
```
#97ed2d rgb(151,237,45)
```
#2d97ed
```
#2d97ed rgb(45,151,237)
```
#ed2d97
```
#ed2d97 rgb(237,45,151)
```

Triadic Color

#2ded83
```
#2ded83 rgb(45,237,131)
```
#2d97ed
```
#2d97ed rgb(45,151,237)
```
#ed2d97
```
#ed2d97 rgb(237,45,151)
```
#ed832d
```
#ed832d rgb(237,131,45)
```

Tetradic Color

#1070bd
```
#1070bd rgb(16,112,189)
```
#127ed5
```
#127ed5 rgb(18,126,213)
```
#168beb
```
#168beb rgb(22,139,235)
```
#2d97ed
```
#2d97ed rgb(45,151,237)
```
#44a3ef
```
#44a3ef rgb(68,163,239)
```
#5caef1
```
#5caef1 rgb(92,174,241)
```
#73baf3
```
#73baf3 rgb(115,186,243)
```

Monochromatic Color

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

#2dc7ed
```
#2dc7ed rgb(45,199,237)
```
#2db7ed
```
#2db7ed rgb(45,183,237)
```
#2da7ed
```
#2da7ed rgb(45,167,237)
```
#2d97ed
```
#2d97ed rgb(45,151,237)
```
#2d87ed
```
#2d87ed rgb(45,135,237)
```
#2d77ed
```
#2d77ed rgb(45,119,237)
```
#2d67ed
```
#2d67ed rgb(45,103,237)
```

Similar Colors

Text with hexadecimal color #2d97ed

This text has a font color of #2d97ed.

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

#2d97ed background color

This paragraph has a background color of #2d97ed.

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

#2d97ed border color

This element has a border color of #2d97ed.

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

CSS codes

.text {color:#2d97ed;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#020f19
```
#020f19 rgb(2,15,25)
```
#04192b
```
#04192b rgb(4,25,43)
```
#05243d
```
#05243d rgb(5,36,61)
```
#072f4f
```
#072f4f rgb(7,47,79)
```
#083961
```
#083961 rgb(8,57,97)
```
#0a4473
```
#0a4473 rgb(10,68,115)
```
#0b4f85
```
#0b4f85 rgb(11,79,133)
```
#0d5997
```
#0d5997 rgb(13,89,151)
```
#0f64a9
```
#0f64a9 rgb(15,100,169)
```
#106fbb
```
#106fbb rgb(16,111,187)
```
#1279ce
```
#1279ce rgb(18,121,206)
```
#1384e0
```
#1384e0 rgb(19,132,224)
```

Shade Color Variation

#1b8eeb
```
#1b8eeb rgb(27,142,235)
```
#2d97ed
```
#2d97ed rgb(45,151,237)
```
#3fa0ef
```
#3fa0ef rgb(63,160,239)
```
#51a9f0
```
#51a9f0 rgb(81,169,240)
```
#63b2f2
```
#63b2f2 rgb(99,178,242)
```
#75bbf3
```
#75bbf3 rgb(117,187,243)
```
#87c4f5
```
#87c4f5 rgb(135,196,245)
```
#99cdf6
```
#99cdf6 rgb(153,205,246)
```
#abd6f8
```
#abd6f8 rgb(171,214,248)
```
#bedff9
```
#bedff9 rgb(190,223,249)
```
#d0e8fb
```
#d0e8fb rgb(208,232,251)
```
#e2f0fc
```
#e2f0fc rgb(226,240,252)
```
#f4f9fe
```
#f4f9fe rgb(244,249,254)
```

Tint Color Variation

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

#858e95
```
#858e95 rgb(133,142,149)
```
#7c8f9e
```
#7c8f9e rgb(124,143,158)
```
#7390a7
```
#7390a7 rgb(115,144,167)
```
#6a91b0
```
#6a91b0 rgb(106,145,176)
```
#6292b8
```
#6292b8 rgb(98,146,184)
```
#5992c1
```
#5992c1 rgb(89,146,193)
```
#5093ca
```
#5093ca rgb(80,147,202)
```
#4794d3
```
#4794d3 rgb(71,148,211)
```
#3f95db
```
#3f95db rgb(63,149,219)
```
#3696e4
```
#3696e4 rgb(54,150,228)
```
#2d97ed
```
#2d97ed rgb(45,151,237)
```
#2498f6
```
#2498f6 rgb(36,152,246)
```
#1b99ff
```
#1b99ff rgb(27,153,255)
```

Tone Color Variation

Below, you can see how #2d97ed 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
#708597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7595e8 Protanopia 1% of men
#5898ef Deuteranopia 1% of men
#00a6b1 Tritanopia 0.001% of the population

Trichromacy

#5b95e9 Protanomaly 1% of men, 0.01% of women
#4898ee Deuteranomaly 6% of men, 0.4% of women
#10a0c7 Tritanomaly 0.01% of the population

#2d97ed hex color

#2d97ed Color Information

#2d97ed Color Conversion

Color Schemes with #2d97ed

Alternatives to #2d97ed

#2d97ed Preview

Shades and Tints of #2d97ed

Tones of #2d97ed

Color Blindness Simulator