#2d5cf3 hex color

In a RGB color space, hex #2d5cf3 is composed of 17.6% red, 36.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 62.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 225.8 degrees, a saturation of 89.2% and a lightness of 56.5%. #2d5cf3 color hex could be obtained by blending #5ab8ff with #0000e7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 36
- B 95
RGB color chart
- C 81
- M 62
- Y 0
- K 5
CMYK color chart

● #2d5cf3 color description : Bright blue.

The hexadecimal color #2d5cf3 has RGB values of R:45, G:92, B:243 and CMYK values of C:0.81, M:0.62, Y:0, K:0.05. Its decimal value is 2972915.

Hex triplet	2d5cf3	`#2d5cf3`
RGB Decimal	45, 92, 243	`rgb(45,92,243)`
RGB Percent	17.6, 36.1, 95.3	`rgb(17.6%,36.1%,95.3%)`
CMYK	81, 62, 0, 5
HSL	225.8°, 89.2, 56.5	`hsl(225.8,89.2%,56.5%)`
HSV (or HSB)	225.8°, 81.5, 95.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.195, 38.9, -79.731
XYZ	21.084, 14.682, 86.512
xyY	0.172, 0.12, 14.682
CIE-LCH	45.195, 88.715, 296.007
CIE-LUV	45.195, -17.306, -120.158
Hunter-Lab	38.317, 31.165, -107.044
Binary	00101101, 01011100, 11110011

#2d5cf3
```
#2d5cf3 rgb(45,92,243)
```
#f3c42d
```
#f3c42d rgb(243,196,45)
```

Complementary Color

#2dbff3
```
#2dbff3 rgb(45,191,243)
```
#2d5cf3
```
#2d5cf3 rgb(45,92,243)
```
#612df3
```
#612df3 rgb(97,45,243)
```

Analogous Color

#bff32d
```
#bff32d rgb(191,243,45)
```
#2d5cf3
```
#2d5cf3 rgb(45,92,243)
```
#f3612d
```
#f3612d rgb(243,97,45)
```

Split Complementary Color

#5cf32d
```
#5cf32d rgb(92,243,45)
```
#2d5cf3
```
#2d5cf3 rgb(45,92,243)
```
#f32d5c
```
#f32d5c rgb(243,45,92)
```

Triadic Color

#2df3c4
```
#2df3c4 rgb(45,243,196)
```
#2d5cf3
```
#2d5cf3 rgb(45,92,243)
```
#f32d5c
```
#f32d5c rgb(243,45,92)
```
#f3c42d
```
#f3c42d rgb(243,196,45)
```

Tetradic Color

#0b38c8
```
#0b38c8 rgb(11,56,200)
```
#0d3fe0
```
#0d3fe0 rgb(13,63,224)
```
#1549f2
```
#1549f2 rgb(21,73,242)
```
#2d5cf3
```
#2d5cf3 rgb(45,92,243)
```
#456ff4
```
#456ff4 rgb(69,111,244)
```
#5d81f6
```
#5d81f6 rgb(93,129,246)
```
#7594f7
```
#7594f7 rgb(117,148,247)
```

Monochromatic Color

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

#2d8ef3
```
#2d8ef3 rgb(45,142,243)
```
#2d7df3
```
#2d7df3 rgb(45,125,243)
```
#2d6df3
```
#2d6df3 rgb(45,109,243)
```
#2d5cf3
```
#2d5cf3 rgb(45,92,243)
```
#2d4cf3
```
#2d4cf3 rgb(45,76,243)
```
#2d3bf3
```
#2d3bf3 rgb(45,59,243)
```
#302df3
```
#302df3 rgb(48,45,243)
```

Similar Colors

Text with hexadecimal color #2d5cf3

This text has a font color of #2d5cf3.

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

#2d5cf3 background color

This paragraph has a background color of #2d5cf3.

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

#2d5cf3 border color

This element has a border color of #2d5cf3.

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

CSS codes

.text {color:#2d5cf3;}

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

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

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, #01040d is the darkest color, while #f9faff is the lightest one.

#01040d
```
#01040d rgb(1,4,13)
```
#02091f
```
#02091f rgb(2,9,31)
```
#030e32
```
#030e32 rgb(3,14,50)
```
#041344
```
#041344 rgb(4,19,68)
```
#051857
```
#051857 rgb(5,24,87)
```
#061e69
```
#061e69 rgb(6,30,105)
```
#07237c
```
#07237c rgb(7,35,124)
```
#08288f
```
#08288f rgb(8,40,143)
```
#092da1
```
#092da1 rgb(9,45,161)
```
#0a32b4
```
#0a32b4 rgb(10,50,180)
```
#0b38c6
```
#0b38c6 rgb(11,56,198)
```
#0c3dd9
```
#0c3dd9 rgb(12,61,217)
```
#0d42eb
```
#0d42eb rgb(13,66,235)
```

Shade Color Variation

#1a4ef2
```
#1a4ef2 rgb(26,78,242)
```
#2d5cf3
```
#2d5cf3 rgb(45,92,243)
```
#406af4
```
#406af4 rgb(64,106,244)
```
#5279f5
```
#5279f5 rgb(82,121,245)
```
#6587f6
```
#6587f6 rgb(101,135,246)
```
#7796f7
```
#7796f7 rgb(119,150,247)
```
#8aa4f8
```
#8aa4f8 rgb(138,164,248)
```
#9cb2f9
```
#9cb2f9 rgb(156,178,249)
```
#afc1fa
```
#afc1fa rgb(175,193,250)
```
#c1cffb
```
#c1cffb rgb(193,207,251)
```
#d4defd
```
#d4defd rgb(212,222,253)
```
#e7ecfe
```
#e7ecfe rgb(231,236,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#8b8d95
```
#8b8d95 rgb(139,141,149)
```
#82899e
```
#82899e rgb(130,137,158)
```
#7a84a6
```
#7a84a6 rgb(122,132,166)
```
#7180af
```
#7180af rgb(113,128,175)
```
#697bb7
```
#697bb7 rgb(105,123,183)
```
#6077c0
```
#6077c0 rgb(96,119,192)
```
#5872c8
```
#5872c8 rgb(88,114,200)
```
#4f6ed1
```
#4f6ed1 rgb(79,110,209)
```
#4769d9
```
#4769d9 rgb(71,105,217)
```
#3e65e2
```
#3e65e2 rgb(62,101,226)
```
#3660ea
```
#3660ea rgb(54,96,234)
```
#2d5cf3
```
#2d5cf3 rgb(45,92,243)
```
#2458fc
```
#2458fc rgb(36,88,252)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#555e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#1068e2 Protanomaly 1% of men, 0.01% of women
#106cd0 Deuteranomaly 6% of men, 0.4% of women
#1071ac Tritanomaly 0.01% of the population

#2d5cf3 hex color

#2d5cf3 Color Information

#2d5cf3 Color Conversion

Color Schemes with #2d5cf3

Alternatives to #2d5cf3

#2d5cf3 Preview

Shades and Tints of #2d5cf3

Tones of #2d5cf3

Color Blindness Simulator