colorhexa.com

#2d8bbf hex color

In a RGB color space, hex #2d8bbf is composed of 17.6% red, 54.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 27.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 201.4 degrees, a saturation of 61.9% and a lightness of 46.3%. #2d8bbf color hex could be obtained by blending #5affff with #00177f. Closest websafe color is: #3399cc.

- R 18
- G 55
- B 75
RGB color chart
- C 76
- M 27
- Y 0
- K 25
CMYK color chart

● #2d8bbf color description : Strong blue.

The hexadecimal color #2d8bbf has RGB values of R:45, G:139, B:191 and CMYK values of C:0.76, M:0.27, Y:0, K:0.25. Its decimal value is 2984895.

Hex triplet	2d8bbf	`#2d8bbf`
RGB Decimal	45, 139, 191	`rgb(45,139,191)`
RGB Percent	17.6, 54.5, 74.9	`rgb(17.6%,54.5%,74.9%)`
CMYK	76, 27, 0, 25
HSL	201.4°, 61.9, 46.3	`hsl(201.4,61.9%,46.3%)`
HSV (or HSB)	201.4°, 76.4, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.848, -9.397, -34.823
XYZ	19.716, 22.783, 52.646
xyY	0.207, 0.239, 22.783
CIE-LCH	54.848, 36.069, 254.898
CIE-LUV	54.848, -32.799, -52.449
Hunter-Lab	47.732, -9.797, -31.982
Binary	00101101, 10001011, 10111111

#2d8bbf
```
#2d8bbf rgb(45,139,191)
```
#bf612d
```
#bf612d rgb(191,97,45)
```

Complementary Color

#2dbfaa
```
#2dbfaa rgb(45,191,170)
```
#2d8bbf
```
#2d8bbf rgb(45,139,191)
```
#2d42bf
```
#2d42bf rgb(45,66,191)
```

Analogous Color

#bfaa2d
```
#bfaa2d rgb(191,170,45)
```
#2d8bbf
```
#2d8bbf rgb(45,139,191)
```
#bf2d42
```
#bf2d42 rgb(191,45,66)
```

Split Complementary Color

#8bbf2d
```
#8bbf2d rgb(139,191,45)
```
#2d8bbf
```
#2d8bbf rgb(45,139,191)
```
#bf2d8b
```
#bf2d8b rgb(191,45,139)
```

Triadic Color

#2dbf61
```
#2dbf61 rgb(45,191,97)
```
#2d8bbf
```
#2d8bbf rgb(45,139,191)
```
#bf2d8b
```
#bf2d8b rgb(191,45,139)
```
#bf612d
```
#bf612d rgb(191,97,45)
```

Tetradic Color

#1e5e81
```
#1e5e81 rgb(30,94,129)
```
#236d96
```
#236d96 rgb(35,109,150)
```
#287caa
```
#287caa rgb(40,124,170)
```
#2d8bbf
```
#2d8bbf rgb(45,139,191)
```
#3699d0
```
#3699d0 rgb(54,153,208)
```
#4ba3d4
```
#4ba3d4 rgb(75,163,212)
```
#5faed9
```
#5faed9 rgb(95,174,217)
```

Monochromatic Color

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

#2db0bf
```
#2db0bf rgb(45,176,191)
```
#2da3bf
```
#2da3bf rgb(45,163,191)
```
#2d97bf
```
#2d97bf rgb(45,151,191)
```
#2d8bbf
```
#2d8bbf rgb(45,139,191)
```
#2d7fbf
```
#2d7fbf rgb(45,127,191)
```
#2d73bf
```
#2d73bf rgb(45,115,191)
```
#2d67bf
```
#2d67bf rgb(45,103,191)
```

Similar Colors

Text with hexadecimal color #2d8bbf

This text has a font color of #2d8bbf.

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

#2d8bbf background color

This paragraph has a background color of #2d8bbf.

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

#2d8bbf border color

This element has a border color of #2d8bbf.

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

CSS codes

.text {color:#2d8bbf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040c10
```
#040c10 rgb(4,12,16)
```
#081720
```
#081720 rgb(8,23,32)
```
#0b2330
```
#0b2330 rgb(11,35,48)
```
#0f2f40
```
#0f2f40 rgb(15,47,64)
```
#133a50
```
#133a50 rgb(19,58,80)
```
#174660
```
#174660 rgb(23,70,96)
```
#1a5170
```
#1a5170 rgb(26,81,112)
```
#1e5d7f
```
#1e5d7f rgb(30,93,127)
```
#22688f
```
#22688f rgb(34,104,143)
```
#26749f
```
#26749f rgb(38,116,159)
```
#297faf
```
#297faf rgb(41,127,175)
```
#2d8bbf
```
#2d8bbf rgb(45,139,191)
```

Shade Color Variation

#3196ce
```
#3196ce rgb(49,150,206)
```
#419fd2
```
#419fd2 rgb(65,159,210)
```
#51a7d6
```
#51a7d6 rgb(81,167,214)
```
#61afda
```
#61afda rgb(97,175,218)
```
#71b7dd
```
#71b7dd rgb(113,183,221)
```
#80bfe1
```
#80bfe1 rgb(128,191,225)
```
#90c7e5
```
#90c7e5 rgb(144,199,229)
```
#a0cfe9
```
#a0cfe9 rgb(160,207,233)
```
#b0d7ec
```
#b0d7ec rgb(176,215,236)
```
#c0dff0
```
#c0dff0 rgb(192,223,240)
```
#d0e7f4
```
#d0e7f4 rgb(208,231,244)
```
#e0eff8
```
#e0eff8 rgb(224,239,248)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

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

#767676
```
#767676 rgb(118,118,118)
```
#6d797f
```
#6d797f rgb(109,121,127)
```
#637b89
```
#637b89 rgb(99,123,137)
```
#5a7e92
```
#5a7e92 rgb(90,126,146)
```
#51819b
```
#51819b rgb(81,129,155)
```
#4883a4
```
#4883a4 rgb(72,131,164)
```
#3f86ad
```
#3f86ad rgb(63,134,173)
```
#3688b6
```
#3688b6 rgb(54,136,182)
```
#2d8bbf
```
#2d8bbf rgb(45,139,191)
```
#248ec8
```
#248ec8 rgb(36,142,200)
```
#1b90d1
```
#1b90d1 rgb(27,144,209)
```
#1293da
```
#1293da rgb(18,147,218)
```
#0995e3
```
#0995e3 rgb(9,149,227)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#677984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7887bb Protanopia 1% of men
#6c89c5 Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#5d89bc Protanomaly 1% of men, 0.01% of women
#5589c3 Deuteranomaly 6% of men, 0.4% of women
#1092ac Tritanomaly 0.01% of the population