#2d94b4 hex color

In a RGB color space, hex #2d94b4 is composed of 17.6% red, 58% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 17.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 194.2 degrees, a saturation of 60% and a lightness of 44.1%. #2d94b4 color hex could be obtained by blending #5affff with #002969. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 58
- B 71
RGB color chart
- C 75
- M 18
- Y 0
- K 29
CMYK color chart

● #2d94b4 color description : Strong cyan.

The hexadecimal color #2d94b4 has RGB values of R:45, G:148, B:180 and CMYK values of C:0.75, M:0.18, Y:0, K:0.29. Its decimal value is 2987188.

Hex triplet	2d94b4	`#2d94b4`
RGB Decimal	45, 148, 180	`rgb(45,148,180)`
RGB Percent	17.6, 58, 70.6	`rgb(17.6%,58%,70.6%)`
CMYK	75, 18, 0, 29
HSL	194.2°, 60, 44.1	`hsl(194.2,60%,44.1%)`
HSV (or HSB)	194.2°, 75, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.106, -18.172, -25.063
XYZ	19.908, 25.031, 46.96
xyY	0.217, 0.272, 25.031
CIE-LCH	57.106, 30.958, 234.055
CIE-LUV	57.106, -36.631, -35.81
Hunter-Lab	50.031, -16.527, -20.628
Binary	00101101, 10010100, 10110100

#2d94b4
```
#2d94b4 rgb(45,148,180)
```
#b44d2d
```
#b44d2d rgb(180,77,45)
```

Complementary Color

#2db491
```
#2db491 rgb(45,180,145)
```
#2d94b4
```
#2d94b4 rgb(45,148,180)
```
#2d51b4
```
#2d51b4 rgb(45,81,180)
```

Analogous Color

#b4912d
```
#b4912d rgb(180,145,45)
```
#2d94b4
```
#2d94b4 rgb(45,148,180)
```
#b42d51
```
#b42d51 rgb(180,45,81)
```

Split Complementary Color

#94b42d
```
#94b42d rgb(148,180,45)
```
#2d94b4
```
#2d94b4 rgb(45,148,180)
```
#b42d94
```
#b42d94 rgb(180,45,148)
```

Triadic Color

#2db44d
```
#2db44d rgb(45,180,77)
```
#2d94b4
```
#2d94b4 rgb(45,148,180)
```
#b42d94
```
#b42d94 rgb(180,45,148)
```
#b44d2d
```
#b44d2d rgb(180,77,45)
```

Tetradic Color

#1e6277
```
#1e6277 rgb(30,98,119)
```
#23728b
```
#23728b rgb(35,114,139)
```
#2883a0
```
#2883a0 rgb(40,131,160)
```
#2d94b4
```
#2d94b4 rgb(45,148,180)
```
#32a5c8
```
#32a5c8 rgb(50,165,200)
```
#44afd0
```
#44afd0 rgb(68,175,208)
```
#58b8d5
```
#58b8d5 rgb(88,184,213)
```

Monochromatic Color

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

#2db4b2
```
#2db4b2 rgb(45,180,178)
```
#2dabb4
```
#2dabb4 rgb(45,171,180)
```
#2d9fb4
```
#2d9fb4 rgb(45,159,180)
```
#2d94b4
```
#2d94b4 rgb(45,148,180)
```
#2d89b4
```
#2d89b4 rgb(45,137,180)
```
#2d7eb4
```
#2d7eb4 rgb(45,126,180)
```
#2d72b4
```
#2d72b4 rgb(45,114,180)
```

Similar Colors

Text with hexadecimal color #2d94b4

This text has a font color of #2d94b4.

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

#2d94b4 background color

This paragraph has a background color of #2d94b4.

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

#2d94b4 border color

This element has a border color of #2d94b4.

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

CSS codes

.text {color:#2d94b4;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#061317
```
#061317 rgb(6,19,23)
```
#0a2027
```
#0a2027 rgb(10,32,39)
```
#0e2d36
```
#0e2d36 rgb(14,45,54)
```
#123a46
```
#123a46 rgb(18,58,70)
```
#154756
```
#154756 rgb(21,71,86)
```
#195366
```
#195366 rgb(25,83,102)
```
#1d6075
```
#1d6075 rgb(29,96,117)
```
#216d85
```
#216d85 rgb(33,109,133)
```
#257a95
```
#257a95 rgb(37,122,149)
```
#2987a4
```
#2987a4 rgb(41,135,164)
```
#2d94b4
```
#2d94b4 rgb(45,148,180)
```
#31a1c4
```
#31a1c4 rgb(49,161,196)
```

Shade Color Variation

#3aabce
```
#3aabce rgb(58,171,206)
```
#4ab2d2
```
#4ab2d2 rgb(74,178,210)
```
#5ab8d6
```
#5ab8d6 rgb(90,184,214)
```
#69bfda
```
#69bfda rgb(105,191,218)
```
#79c6de
```
#79c6de rgb(121,198,222)
```
#89cce1
```
#89cce1 rgb(137,204,225)
```
#99d3e5
```
#99d3e5 rgb(153,211,229)
```
#a8dae9
```
#a8dae9 rgb(168,218,233)
```
#b8e1ed
```
#b8e1ed rgb(184,225,237)
```
#c8e7f1
```
#c8e7f1 rgb(200,231,241)
```
#d7eef5
```
#d7eef5 rgb(215,238,245)
```
#e7f5f9
```
#e7f5f9 rgb(231,245,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7477 is the less saturated color, while #02abdf is the most saturated one.

#6a7477
```
#6a7477 rgb(106,116,119)
```
#617980
```
#617980 rgb(97,121,128)
```
#587d89
```
#587d89 rgb(88,125,137)
```
#508291
```
#508291 rgb(80,130,145)
```
#47869a
```
#47869a rgb(71,134,154)
```
#3e8ba3
```
#3e8ba3 rgb(62,139,163)
```
#368fab
```
#368fab rgb(54,143,171)
```
#2d94b4
```
#2d94b4 rgb(45,148,180)
```
#2499bd
```
#2499bd rgb(36,153,189)
```
#1c9dc5
```
#1c9dc5 rgb(28,157,197)
```
#13a2ce
```
#13a2ce rgb(19,162,206)
```
#0aa6d7
```
#0aa6d7 rgb(10,166,215)
```
#02abdf
```
#02abdf rgb(2,171,223)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a7e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868db0 Protanopia 1% of men
#818dbc Deuteranopia 1% of men
#269ca7 Tritanopia 0.001% of the population

Trichromacy

#6590b1 Protanomaly 1% of men, 0.01% of women
#628fb9 Deuteranomaly 6% of men, 0.4% of women
#2899ac Tritanomaly 0.01% of the population

#2d94b4 hex color

#2d94b4 Color Information

#2d94b4 Color Conversion

Color Schemes with #2d94b4

Alternatives to #2d94b4

#2d94b4 Preview

Shades and Tints of #2d94b4

Tones of #2d94b4

Color Blindness Simulator