#2d8adb hex color

In a RGB color space, hex #2d8adb is composed of 17.6% red, 54.1% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 37% magenta, 0% yellow and 14.1% black. It has a hue angle of 207.9 degrees, a saturation of 70.7% and a lightness of 51.8%. #2d8adb color hex could be obtained by blending #5affff with #0015b7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 54
- B 86
RGB color chart
- C 79
- M 37
- Y 0
- K 14
CMYK color chart

● #2d8adb color description : Bright blue.

The hexadecimal color #2d8adb has RGB values of R:45, G:138, B:219 and CMYK values of C:0.79, M:0.37, Y:0, K:0.14. Its decimal value is 2984667.

Hex triplet	2d8adb	`#2d8adb`
RGB Decimal	45, 138, 219	`rgb(45,138,219)`
RGB Percent	17.6, 54.1, 85.9	`rgb(17.6%,54.1%,85.9%)`
CMYK	79, 37, 0, 14
HSL	207.9°, 70.7, 51.8	`hsl(207.9,70.7%,51.8%)`
HSV (or HSB)	207.9°, 79.5, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.935, 1.306, -48.923
XYZ	22.954, 23.847, 70.407
xyY	0.196, 0.203, 23.847
CIE-LCH	55.935, 48.94, 271.529
CIE-LUV	55.935, -31.061, -76.876
Hunter-Lab	48.834, -1.557, -51.299
Binary	00101101, 10001010, 11011011

#2d8adb
```
#2d8adb rgb(45,138,219)
```
#db7e2d
```
#db7e2d rgb(219,126,45)
```

Complementary Color

#2ddbd5
```
#2ddbd5 rgb(45,219,213)
```
#2d8adb
```
#2d8adb rgb(45,138,219)
```
#2d33db
```
#2d33db rgb(45,51,219)
```

Analogous Color

#dbd52d
```
#dbd52d rgb(219,213,45)
```
#2d8adb
```
#2d8adb rgb(45,138,219)
```
#db2d33
```
#db2d33 rgb(219,45,51)
```

Split Complementary Color

#8adb2d
```
#8adb2d rgb(138,219,45)
```
#2d8adb
```
#2d8adb rgb(45,138,219)
```
#db2d8a
```
#db2d8a rgb(219,45,138)
```

Triadic Color

#2ddb7e
```
#2ddb7e rgb(45,219,126)
```
#2d8adb
```
#2d8adb rgb(45,138,219)
```
#db2d8a
```
#db2d8a rgb(219,45,138)
```
#db7e2d
```
#db7e2d rgb(219,126,45)
```

Tetradic Color

#1b62a0
```
#1b62a0 rgb(27,98,160)
```
#1f70b6
```
#1f70b6 rgb(31,112,182)
```
#237dcc
```
#237dcc rgb(35,125,204)
```
#2d8adb
```
#2d8adb rgb(45,138,219)
```
#4396df
```
#4396df rgb(67,150,223)
```
#59a2e2
```
#59a2e2 rgb(89,162,226)
```
#6eaee6
```
#6eaee6 rgb(110,174,230)
```

Monochromatic Color

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

#2db6db
```
#2db6db rgb(45,182,219)
```
#2da7db
```
#2da7db rgb(45,167,219)
```
#2d99db
```
#2d99db rgb(45,153,219)
```
#2d8adb
```
#2d8adb rgb(45,138,219)
```
#2d7cdb
```
#2d7cdb rgb(45,124,219)
```
#2d6ddb
```
#2d6ddb rgb(45,109,219)
```
#2d5fdb
```
#2d5fdb rgb(45,95,219)
```

Similar Colors

Text with hexadecimal color #2d8adb

This text has a font color of #2d8adb.

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

#2d8adb background color

This paragraph has a background color of #2d8adb.

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

#2d8adb border color

This element has a border color of #2d8adb.

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

CSS codes

.text {color:#2d8adb;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#040f18
```
#040f18 rgb(4,15,24)
```
#071929
```
#071929 rgb(7,25,41)
```
#0a243a
```
#0a243a rgb(10,36,58)
```
#0d2e4b
```
#0d2e4b rgb(13,46,75)
```
#10385b
```
#10385b rgb(16,56,91)
```
#13426c
```
#13426c rgb(19,66,108)
```
#154d7d
```
#154d7d rgb(21,77,125)
```
#18578e
```
#18578e rgb(24,87,142)
```
#1b619e
```
#1b619e rgb(27,97,158)
```
#1e6caf
```
#1e6caf rgb(30,108,175)
```
#2176c0
```
#2176c0 rgb(33,118,192)
```
#2480d1
```
#2480d1 rgb(36,128,209)
```

Shade Color Variation

#2d8adb
```
#2d8adb rgb(45,138,219)
```
#3e93de
```
#3e93de rgb(62,147,222)
```
#4e9de1
```
#4e9de1 rgb(78,157,225)
```
#5fa6e4
```
#5fa6e4 rgb(95,166,228)
```
#70afe6
```
#70afe6 rgb(112,175,230)
```
#81b9e9
```
#81b9e9 rgb(129,185,233)
```
#91c2ec
```
#91c2ec rgb(145,194,236)
```
#a2cbef
```
#a2cbef rgb(162,203,239)
```
#b3d5f2
```
#b3d5f2 rgb(179,213,242)
```
#c4def5
```
#c4def5 rgb(196,222,245)
```
#d4e7f8
```
#d4e7f8 rgb(212,231,248)
```
#e5f1fb
```
#e5f1fb rgb(229,241,251)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

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

#828486
```
#828486 rgb(130,132,134)
```
#79858f
```
#79858f rgb(121,133,143)
```
#6f8599
```
#6f8599 rgb(111,133,153)
```
#6686a2
```
#6686a2 rgb(102,134,162)
```
#5c87ac
```
#5c87ac rgb(92,135,172)
```
#5387b5
```
#5387b5 rgb(83,135,181)
```
#4988bf
```
#4988bf rgb(73,136,191)
```
#4089c8
```
#4089c8 rgb(64,137,200)
```
#3689d2
```
#3689d2 rgb(54,137,210)
```
#2d8adb
```
#2d8adb rgb(45,138,219)
```
#248be4
```
#248be4 rgb(36,139,228)
```
#1a8bee
```
#1a8bee rgb(26,139,238)
```
#118cf7
```
#118cf7 rgb(17,140,247)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#687b8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b89d7 Protanopia 1% of men
#508dde Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#5489d9 Protanomaly 1% of men, 0.01% of women
#438cdc Deuteranomaly 6% of men, 0.4% of women
#1094b8 Tritanomaly 0.01% of the population

#2d8adb hex color

#2d8adb Color Information

#2d8adb Color Conversion

Color Schemes with #2d8adb

Alternatives to #2d8adb

#2d8adb Preview

Shades and Tints of #2d8adb

Tones of #2d8adb

Color Blindness Simulator