#2d9cf3 hex color

In a RGB color space, hex #2d9cf3 is composed of 17.6% red, 61.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 35.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 206.4 degrees, a saturation of 89.2% and a lightness of 56.5%. #2d9cf3 color hex could be obtained by blending #5affff with #0039e7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 61
- B 95
RGB color chart
- C 81
- M 36
- Y 0
- K 5
CMYK color chart

● #2d9cf3 color description : Bright blue.

The hexadecimal color #2d9cf3 has RGB values of R:45, G:156, B:243 and CMYK values of C:0.81, M:0.36, Y:0, K:0.05. Its decimal value is 2989299.

Hex triplet	2d9cf3	`#2d9cf3`
RGB Decimal	45, 156, 243	`rgb(45,156,243)`
RGB Percent	17.6, 61.2, 95.3	`rgb(17.6%,61.2%,95.3%)`
CMYK	81, 36, 0, 5
HSL	206.4°, 89.2, 56.5	`hsl(206.4,89.2%,56.5%)`
HSV (or HSB)	206.4°, 81.5, 95.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	62.341, -0.513, -52.067
XYZ	29.144, 30.803, 89.199
xyY	0.195, 0.207, 30.803
CIE-LCH	62.341, 52.07, 269.436
CIE-LUV	62.341, -35.824, -83.458
Hunter-Lab	55.501, -3.393, -56.438
Binary	00101101, 10011100, 11110011

#2d9cf3
```
#2d9cf3 rgb(45,156,243)
```
#f3842d
```
#f3842d rgb(243,132,45)
```

Complementary Color

#2df3e7
```
#2df3e7 rgb(45,243,231)
```
#2d9cf3
```
#2d9cf3 rgb(45,156,243)
```
#2d39f3
```
#2d39f3 rgb(45,57,243)
```

Analogous Color

#f3e72d
```
#f3e72d rgb(243,231,45)
```
#2d9cf3
```
#2d9cf3 rgb(45,156,243)
```
#f32d39
```
#f32d39 rgb(243,45,57)
```

Split Complementary Color

#9cf32d
```
#9cf32d rgb(156,243,45)
```
#2d9cf3
```
#2d9cf3 rgb(45,156,243)
```
#f32d9c
```
#f32d9c rgb(243,45,156)
```

Triadic Color

#2df384
```
#2df384 rgb(45,243,132)
```
#2d9cf3
```
#2d9cf3 rgb(45,156,243)
```
#f32d9c
```
#f32d9c rgb(243,45,156)
```
#f3842d
```
#f3842d rgb(243,132,45)
```

Tetradic Color

#0b75c8
```
#0b75c8 rgb(11,117,200)
```
#0d83e0
```
#0d83e0 rgb(13,131,224)
```
#1591f2
```
#1591f2 rgb(21,145,242)
```
#2d9cf3
```
#2d9cf3 rgb(45,156,243)
```
#45a7f4
```
#45a7f4 rgb(69,167,244)
```
#5db3f6
```
#5db3f6 rgb(93,179,246)
```
#75bef7
```
#75bef7 rgb(117,190,247)
```

Monochromatic Color

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

#2dcef3
```
#2dcef3 rgb(45,206,243)
```
#2dbdf3
```
#2dbdf3 rgb(45,189,243)
```
#2dadf3
```
#2dadf3 rgb(45,173,243)
```
#2d9cf3
```
#2d9cf3 rgb(45,156,243)
```
#2d8cf3
```
#2d8cf3 rgb(45,140,243)
```
#2d7bf3
```
#2d7bf3 rgb(45,123,243)
```
#2d6bf3
```
#2d6bf3 rgb(45,107,243)
```

Similar Colors

Text with hexadecimal color #2d9cf3

This text has a font color of #2d9cf3.

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

#2d9cf3 background color

This paragraph has a background color of #2d9cf3.

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

#2d9cf3 border color

This element has a border color of #2d9cf3.

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

CSS codes

.text {color:#2d9cf3;}

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

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

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, #01070d is the darkest color, while #f9fcff is the lightest one.

#01070d
```
#01070d rgb(1,7,13)
```
#02121f
```
#02121f rgb(2,18,31)
```
#031d32
```
#031d32 rgb(3,29,50)
```
#042844
```
#042844 rgb(4,40,68)
```
#053357
```
#053357 rgb(5,51,87)
```
#063e69
```
#063e69 rgb(6,62,105)
```
#07497c
```
#07497c rgb(7,73,124)
```
#08538f
```
#08538f rgb(8,83,143)
```
#095ea1
```
#095ea1 rgb(9,94,161)
```
#0a69b4
```
#0a69b4 rgb(10,105,180)
```
#0b74c6
```
#0b74c6 rgb(11,116,198)
```
#0c7fd9
```
#0c7fd9 rgb(12,127,217)
```
#0d8aeb
```
#0d8aeb rgb(13,138,235)
```

Shade Color Variation

#1a93f2
```
#1a93f2 rgb(26,147,242)
```
#2d9cf3
```
#2d9cf3 rgb(45,156,243)
```
#40a5f4
```
#40a5f4 rgb(64,165,244)
```
#52adf5
```
#52adf5 rgb(82,173,245)
```
#65b6f6
```
#65b6f6 rgb(101,182,246)
```
#77bff7
```
#77bff7 rgb(119,191,247)
```
#8ac8f8
```
#8ac8f8 rgb(138,200,248)
```
#9cd0f9
```
#9cd0f9 rgb(156,208,249)
```
#afd9fa
```
#afd9fa rgb(175,217,250)
```
#c1e2fb
```
#c1e2fb rgb(193,226,251)
```
#d4ebfd
```
#d4ebfd rgb(212,235,253)
```
#e7f3fe
```
#e7f3fe rgb(231,243,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#8b9195
```
#8b9195 rgb(139,145,149)
```
#82929e
```
#82929e rgb(130,146,158)
```
#7a93a6
```
#7a93a6 rgb(122,147,166)
```
#7194af
```
#7194af rgb(113,148,175)
```
#6995b7
```
#6995b7 rgb(105,149,183)
```
#6096c0
```
#6096c0 rgb(96,150,192)
```
#5897c8
```
#5897c8 rgb(88,151,200)
```
#4f98d1
```
#4f98d1 rgb(79,152,209)
```
#4799d9
```
#4799d9 rgb(71,153,217)
```
#3e9ae2
```
#3e9ae2 rgb(62,154,226)
```
#369bea
```
#369bea rgb(54,155,234)
```
#2d9cf3
```
#2d9cf3 rgb(45,156,243)
```
#249dfc
```
#249dfc rgb(36,157,252)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#738a9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7999ed Protanopia 1% of men
#5c9df5 Deuteranopia 1% of men
#00abb6 Tritanopia 0.001% of the population

Trichromacy

#5d9aef Protanomaly 1% of men, 0.01% of women
#4b9cf4 Deuteranomaly 6% of men, 0.4% of women
#10a5cc Tritanomaly 0.01% of the population

#2d9cf3 hex color

#2d9cf3 Color Information

#2d9cf3 Color Conversion

Color Schemes with #2d9cf3

Alternatives to #2d9cf3

#2d9cf3 Preview

Shades and Tints of #2d9cf3

Tones of #2d9cf3

Color Blindness Simulator