#2d7dcb hex color

In a RGB color space, hex #2d7dcb is composed of 17.6% red, 49% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 38.4% magenta, 0% yellow and 20.4% black. It has a hue angle of 209.6 degrees, a saturation of 63.7% and a lightness of 48.6%. #2d7dcb color hex could be obtained by blending #5afaff with #000097. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 49
- B 80
RGB color chart
- C 78
- M 38
- Y 0
- K 20
CMYK color chart

● #2d7dcb color description : Strong blue.

The hexadecimal color #2d7dcb has RGB values of R:45, G:125, B:203 and CMYK values of C:0.78, M:0.38, Y:0, K:0.2. Its decimal value is 2981323.

Hex triplet	2d7dcb	`#2d7dcb`
RGB Decimal	45, 125, 203	`rgb(45,125,203)`
RGB Percent	17.6, 49, 79.6	`rgb(17.6%,49%,79.6%)`
CMYK	78, 38, 0, 20
HSL	209.6°, 63.7, 48.6	`hsl(209.6,63.7%,48.6%)`
HSV (or HSB)	209.6°, 77.8, 79.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.308, 3.219, -47.24
XYZ	19.193, 19.535, 59.256
xyY	0.196, 0.199, 19.535
CIE-LCH	51.308, 47.35, 273.899
CIE-LUV	51.308, -27.454, -73.048
Hunter-Lab	44.199, 0.163, -48.549
Binary	00101101, 01111101, 11001011

#2d7dcb
```
#2d7dcb rgb(45,125,203)
```
#cb7b2d
```
#cb7b2d rgb(203,123,45)
```

Complementary Color

#2dcbca
```
#2dcbca rgb(45,203,202)
```
#2d7dcb
```
#2d7dcb rgb(45,125,203)
```
#2d2ecb
```
#2d2ecb rgb(45,46,203)
```

Analogous Color

#cbca2d
```
#cbca2d rgb(203,202,45)
```
#2d7dcb
```
#2d7dcb rgb(45,125,203)
```
#cb2d2e
```
#cb2d2e rgb(203,45,46)
```

Split Complementary Color

#7dcb2d
```
#7dcb2d rgb(125,203,45)
```
#2d7dcb
```
#2d7dcb rgb(45,125,203)
```
#cb2d7d
```
#cb2d7d rgb(203,45,125)
```

Triadic Color

#2dcb7b
```
#2dcb7b rgb(45,203,123)
```
#2d7dcb
```
#2d7dcb rgb(45,125,203)
```
#cb2d7d
```
#cb2d7d rgb(203,45,125)
```
#cb7b2d
```
#cb7b2d rgb(203,123,45)
```

Tetradic Color

#1f568c
```
#1f568c rgb(31,86,140)
```
#2463a1
```
#2463a1 rgb(36,99,161)
```
#2870b6
```
#2870b6 rgb(40,112,182)
```
#2d7dcb
```
#2d7dcb rgb(45,125,203)
```
#3d8ad4
```
#3d8ad4 rgb(61,138,212)
```
#5296d9
```
#5296d9 rgb(82,150,217)
```
#67a3dd
```
#67a3dd rgb(103,163,221)
```

Monochromatic Color

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

#2da5cb
```
#2da5cb rgb(45,165,203)
```
#2d97cb
```
#2d97cb rgb(45,151,203)
```
#2d8acb
```
#2d8acb rgb(45,138,203)
```
#2d7dcb
```
#2d7dcb rgb(45,125,203)
```
#2d70cb
```
#2d70cb rgb(45,112,203)
```
#2d63cb
```
#2d63cb rgb(45,99,203)
```
#2d55cb
```
#2d55cb rgb(45,85,203)
```

Similar Colors

Text with hexadecimal color #2d7dcb

This text has a font color of #2d7dcb.

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

#2d7dcb background color

This paragraph has a background color of #2d7dcb.

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

#2d7dcb border color

This element has a border color of #2d7dcb.

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

CSS codes

.text {color:#2d7dcb;}

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

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

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, #02060a is the darkest color, while #f9fcfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#06101a
```
#06101a rgb(6,16,26)
```
#091a2a
```
#091a2a rgb(9,26,42)
```
#0d243a
```
#0d243a rgb(13,36,58)
```
#112e4b
```
#112e4b rgb(17,46,75)
```
#14385b
```
#14385b rgb(20,56,91)
```
#18426b
```
#18426b rgb(24,66,107)
```
#1b4c7b
```
#1b4c7b rgb(27,76,123)
```
#1f558b
```
#1f558b rgb(31,85,139)
```
#225f9b
```
#225f9b rgb(34,95,155)
```
#2669ab
```
#2669ab rgb(38,105,171)
```
#2973bb
```
#2973bb rgb(41,115,187)
```
#2d7dcb
```
#2d7dcb rgb(45,125,203)
```

Shade Color Variation

#3987d3
```
#3987d3 rgb(57,135,211)
```
#4991d7
```
#4991d7 rgb(73,145,215)
```
#599ada
```
#599ada rgb(89,154,218)
```
#69a4de
```
#69a4de rgb(105,164,222)
```
#79aee1
```
#79aee1 rgb(121,174,225)
```
#89b7e5
```
#89b7e5 rgb(137,183,229)
```
#99c1e8
```
#99c1e8 rgb(153,193,232)
```
#a9cbec
```
#a9cbec rgb(169,203,236)
```
#b9d5ef
```
#b9d5ef rgb(185,213,239)
```
#c9def3
```
#c9def3 rgb(201,222,243)
```
#d9e8f7
```
#d9e8f7 rgb(217,232,247)
```
#e9f2fa
```
#e9f2fa rgb(233,242,250)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c7f is the less saturated color, while #077df1 is the most saturated one.

#797c7f
```
#797c7f rgb(121,124,127)
```
#707c88
```
#707c88 rgb(112,124,136)
```
#667c92
```
#667c92 rgb(102,124,146)
```
#5d7c9b
```
#5d7c9b rgb(93,124,155)
```
#537da5
```
#537da5 rgb(83,125,165)
```
#4a7dae
```
#4a7dae rgb(74,125,174)
```
#407db8
```
#407db8 rgb(64,125,184)
```
#377dc1
```
#377dc1 rgb(55,125,193)
```
#2d7dcb
```
#2d7dcb rgb(45,125,203)
```
#237dd5
```
#237dd5 rgb(35,125,213)
```
#1a7dde
```
#1a7dde rgb(26,125,222)
```
#107de8
```
#107de8 rgb(16,125,232)
```
#077df1
```
#077df1 rgb(7,125,241)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#617181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#607ec9 Protanopia 1% of men
#4582ce Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#4d7eca Protanomaly 1% of men, 0.01% of women
#3c80cd Deuteranomaly 6% of men, 0.4% of women
#1087aa Tritanomaly 0.01% of the population

#2d7dcb hex color

#2d7dcb Color Information

#2d7dcb Color Conversion

Color Schemes with #2d7dcb

Alternatives to #2d7dcb

#2d7dcb Preview

Shades and Tints of #2d7dcb

Tones of #2d7dcb

Color Blindness Simulator