#2d7aef hex color

In a RGB color space, hex #2d7aef is composed of 17.6% red, 47.8% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 49% magenta, 0% yellow and 6.3% black. It has a hue angle of 216.2 degrees, a saturation of 85.8% and a lightness of 55.7%. #2d7aef color hex could be obtained by blending #5af4ff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 48
- B 94
RGB color chart
- C 81
- M 49
- Y 0
- K 6
CMYK color chart

● #2d7aef color description : Bright blue.

The hexadecimal color #2d7aef has RGB values of R:45, G:122, B:239 and CMYK values of C:0.81, M:0.49, Y:0, K:0.06. Its decimal value is 2980591.

Hex triplet	2d7aef	`#2d7aef`
RGB Decimal	45, 122, 239	`rgb(45,122,239)`
RGB Percent	17.6, 47.8, 93.7	`rgb(17.6%,47.8%,93.7%)`
CMYK	81, 49, 0, 6
HSL	216.2°, 85.8, 55.7	`hsl(216.2,85.8%,55.7%)`
HSV (or HSB)	216.2°, 81.2, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.627, 18.537, -65.404
XYZ	23.618, 20.707, 84.409
xyY	0.183, 0.161, 20.707
CIE-LCH	52.627, 67.98, 285.824
CIE-LUV	52.627, -25.328, -103.373
Hunter-Lab	45.505, 13.012, -78.125
Binary	00101101, 01111010, 11101111

#2d7aef
```
#2d7aef rgb(45,122,239)
```
#efa22d
```
#efa22d rgb(239,162,45)
```

Complementary Color

#2ddbef
```
#2ddbef rgb(45,219,239)
```
#2d7aef
```
#2d7aef rgb(45,122,239)
```
#412def
```
#412def rgb(65,45,239)
```

Analogous Color

#dbef2d
```
#dbef2d rgb(219,239,45)
```
#2d7aef
```
#2d7aef rgb(45,122,239)
```
#ef412d
```
#ef412d rgb(239,65,45)
```

Split Complementary Color

#7aef2d
```
#7aef2d rgb(122,239,45)
```
#2d7aef
```
#2d7aef rgb(45,122,239)
```
#ef2d7a
```
#ef2d7a rgb(239,45,122)
```

Triadic Color

#2defa2
```
#2defa2 rgb(45,239,162)
```
#2d7aef
```
#2d7aef rgb(45,122,239)
```
#ef2d7a
```
#ef2d7a rgb(239,45,122)
```
#efa22d
```
#efa22d rgb(239,162,45)
```

Tetradic Color

#0f55c1
```
#0f55c1 rgb(15,85,193)
```
#1060d9
```
#1060d9 rgb(16,96,217)
```
#156bed
```
#156bed rgb(21,107,237)
```
#2d7aef
```
#2d7aef rgb(45,122,239)
```
#4589f1
```
#4589f1 rgb(69,137,241)
```
#5c98f3
```
#5c98f3 rgb(92,152,243)
```
#74a7f4
```
#74a7f4 rgb(116,167,244)
```

Monochromatic Color

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

#2dabef
```
#2dabef rgb(45,171,239)
```
#2d9aef
```
#2d9aef rgb(45,154,239)
```
#2d8aef
```
#2d8aef rgb(45,138,239)
```
#2d7aef
```
#2d7aef rgb(45,122,239)
```
#2d6aef
```
#2d6aef rgb(45,106,239)
```
#2d5aef
```
#2d5aef rgb(45,90,239)
```
#2d4aef
```
#2d4aef rgb(45,74,239)
```

Similar Colors

Text with hexadecimal color #2d7aef

This text has a font color of #2d7aef.

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

#2d7aef background color

This paragraph has a background color of #2d7aef.

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

#2d7aef border color

This element has a border color of #2d7aef.

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

CSS codes

.text {color:#2d7aef;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#020c1b
```
#020c1b rgb(2,12,27)
```
#03142d
```
#03142d rgb(3,20,45)
```
#051c3f
```
#051c3f rgb(5,28,63)
```
#062452
```
#062452 rgb(6,36,82)
```
#082c64
```
#082c64 rgb(8,44,100)
```
#093476
```
#093476 rgb(9,52,118)
```
#0a3c88
```
#0a3c88 rgb(10,60,136)
```
#0c449b
```
#0c449b rgb(12,68,155)
```
#0d4dad
```
#0d4dad rgb(13,77,173)
```
#0f55bf
```
#0f55bf rgb(15,85,191)
```
#105dd1
```
#105dd1 rgb(16,93,209)
```
#1165e3
```
#1165e3 rgb(17,101,227)
```

Shade Color Variation

#1b6eee
```
#1b6eee rgb(27,110,238)
```
#2d7aef
```
#2d7aef rgb(45,122,239)
```
#3f86f0
```
#3f86f0 rgb(63,134,240)
```
#5191f2
```
#5191f2 rgb(81,145,242)
```
#649df3
```
#649df3 rgb(100,157,243)
```
#76a8f5
```
#76a8f5 rgb(118,168,245)
```
#88b4f6
```
#88b4f6 rgb(136,180,246)
```
#9abff7
```
#9abff7 rgb(154,191,247)
```
#adcbf9
```
#adcbf9 rgb(173,203,249)
```
#bfd6fa
```
#bfd6fa rgb(191,214,250)
```
#d1e2fb
```
#d1e2fb rgb(209,226,251)
```
#e3edfd
```
#e3edfd rgb(227,237,253)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

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

#8d8e8f
```
#8d8e8f rgb(141,142,143)
```
#848c98
```
#848c98 rgb(132,140,152)
```
#7b8aa1
```
#7b8aa1 rgb(123,138,161)
```
#7388a9
```
#7388a9 rgb(115,136,169)
```
#6a87b2
```
#6a87b2 rgb(106,135,178)
```
#6185bb
```
#6185bb rgb(97,133,187)
```
#5883c4
```
#5883c4 rgb(88,131,196)
```
#5081cc
```
#5081cc rgb(80,129,204)
```
#477fd5
```
#477fd5 rgb(71,127,213)
```
#3e7ede
```
#3e7ede rgb(62,126,222)
```
#367ce6
```
#367ce6 rgb(54,124,230)
```
#2d7aef
```
#2d7aef rgb(45,122,239)
```
#2478f8
```
#2478f8 rgb(36,120,248)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#637289 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b80ef Protanopia 1% of men
#0086de Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#367eef Protanomaly 1% of men, 0.01% of women
#1082e4 Deuteranomaly 6% of men, 0.4% of women
#1088b8 Tritanomaly 0.01% of the population

#2d7aef hex color

#2d7aef Color Information

#2d7aef Color Conversion

Color Schemes with #2d7aef

Alternatives to #2d7aef

#2d7aef Preview

Shades and Tints of #2d7aef

Tones of #2d7aef

Color Blindness Simulator