#2da4f3 hex color

In a RGB color space, hex #2da4f3 is composed of 17.6% red, 64.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 32.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 203.9 degrees, a saturation of 89.2% and a lightness of 56.5%. #2da4f3 color hex could be obtained by blending #5affff with #0049e7. Closest websafe color is: #3399ff.

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

● #2da4f3 color description : Bright blue.

The hexadecimal color #2da4f3 has RGB values of R:45, G:164, B:243 and CMYK values of C:0.81, M:0.33, Y:0, K:0.05. Its decimal value is 2991347.

Hex triplet	2da4f3	`#2da4f3`
RGB Decimal	45, 164, 243	`rgb(45,164,243)`
RGB Percent	17.6, 64.3, 95.3	`rgb(17.6%,64.3%,95.3%)`
CMYK	81, 33, 0, 5
HSL	203.9°, 89.2, 56.5	`hsl(203.9,89.2%,56.5%)`
HSV (or HSB)	203.9°, 81.5, 95.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.626, -5.093, -48.452
XYZ	30.531, 33.577, 89.661
xyY	0.199, 0.218, 33.577
CIE-LCH	64.626, 48.719, 263.999
CIE-LUV	64.626, -38.466, -77.364
Hunter-Lab	57.946, -7.354, -51.179
Binary	00101101, 10100100, 11110011

#2da4f3
```
#2da4f3 rgb(45,164,243)
```
#f37c2d
```
#f37c2d rgb(243,124,45)
```

Complementary Color

#2df3df
```
#2df3df rgb(45,243,223)
```
#2da4f3
```
#2da4f3 rgb(45,164,243)
```
#2d41f3
```
#2d41f3 rgb(45,65,243)
```

Analogous Color

#f3df2d
```
#f3df2d rgb(243,223,45)
```
#2da4f3
```
#2da4f3 rgb(45,164,243)
```
#f32d41
```
#f32d41 rgb(243,45,65)
```

Split Complementary Color

#a4f32d
```
#a4f32d rgb(164,243,45)
```
#2da4f3
```
#2da4f3 rgb(45,164,243)
```
#f32da4
```
#f32da4 rgb(243,45,164)
```

Triadic Color

#2df37c
```
#2df37c rgb(45,243,124)
```
#2da4f3
```
#2da4f3 rgb(45,164,243)
```
#f32da4
```
#f32da4 rgb(243,45,164)
```
#f37c2d
```
#f37c2d rgb(243,124,45)
```

Tetradic Color

#0b7dc8
```
#0b7dc8 rgb(11,125,200)
```
#0d8ce0
```
#0d8ce0 rgb(13,140,224)
```
#159af2
```
#159af2 rgb(21,154,242)
```
#2da4f3
```
#2da4f3 rgb(45,164,243)
```
#45aef4
```
#45aef4 rgb(69,174,244)
```
#5db9f6
```
#5db9f6 rgb(93,185,246)
```
#75c3f7
```
#75c3f7 rgb(117,195,247)
```

Monochromatic Color

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

#2dd6f3
```
#2dd6f3 rgb(45,214,243)
```
#2dc5f3
```
#2dc5f3 rgb(45,197,243)
```
#2db5f3
```
#2db5f3 rgb(45,181,243)
```
#2da4f3
```
#2da4f3 rgb(45,164,243)
```
#2d94f3
```
#2d94f3 rgb(45,148,243)
```
#2d83f3
```
#2d83f3 rgb(45,131,243)
```
#2d73f3
```
#2d73f3 rgb(45,115,243)
```

Similar Colors

Text with hexadecimal color #2da4f3

This text has a font color of #2da4f3.

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

#2da4f3 background color

This paragraph has a background color of #2da4f3.

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

#2da4f3 border color

This element has a border color of #2da4f3.

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

CSS codes

.text {color:#2da4f3;}

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

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

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

#01080d
```
#01080d rgb(1,8,13)
```
#02131f
```
#02131f rgb(2,19,31)
```
#031f32
```
#031f32 rgb(3,31,50)
```
#042b44
```
#042b44 rgb(4,43,68)
```
#053657
```
#053657 rgb(5,54,87)
```
#064269
```
#064269 rgb(6,66,105)
```
#074d7c
```
#074d7c rgb(7,77,124)
```
#08598f
```
#08598f rgb(8,89,143)
```
#0964a1
```
#0964a1 rgb(9,100,161)
```
#0a70b4
```
#0a70b4 rgb(10,112,180)
```
#0b7cc6
```
#0b7cc6 rgb(11,124,198)
```
#0c87d9
```
#0c87d9 rgb(12,135,217)
```
#0d93eb
```
#0d93eb rgb(13,147,235)
```

Shade Color Variation

#1a9cf2
```
#1a9cf2 rgb(26,156,242)
```
#2da4f3
```
#2da4f3 rgb(45,164,243)
```
#40acf4
```
#40acf4 rgb(64,172,244)
```
#52b4f5
```
#52b4f5 rgb(82,180,245)
```
#65bcf6
```
#65bcf6 rgb(101,188,246)
```
#77c4f7
```
#77c4f7 rgb(119,196,247)
```
#8accf8
```
#8accf8 rgb(138,204,248)
```
#9cd4f9
```
#9cd4f9 rgb(156,212,249)
```
#afdcfa
```
#afdcfa rgb(175,220,250)
```
#c1e4fb
```
#c1e4fb rgb(193,228,251)
```
#d4ecfd
```
#d4ecfd rgb(212,236,253)
```
#e7f4fe
```
#e7f4fe rgb(231,244,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#8b9195
```
#8b9195 rgb(139,145,149)
```
#82939e
```
#82939e rgb(130,147,158)
```
#7a94a6
```
#7a94a6 rgb(122,148,166)
```
#7196af
```
#7196af rgb(113,150,175)
```
#6998b7
```
#6998b7 rgb(105,152,183)
```
#609ac0
```
#609ac0 rgb(96,154,192)
```
#589bc8
```
#589bc8 rgb(88,155,200)
```
#4f9dd1
```
#4f9dd1 rgb(79,157,209)
```
#479fd9
```
#479fd9 rgb(71,159,217)
```
#3ea1e2
```
#3ea1e2 rgb(62,161,226)
```
#36a2ea
```
#36a2ea rgb(54,162,234)
```
#2da4f3
```
#2da4f3 rgb(45,164,243)
```
#24a6fc
```
#24a6fc rgb(36,166,252)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#778e9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#849fec Protanopia 1% of men
#6da2f6 Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#64a1ee Protanomaly 1% of men, 0.01% of women
#56a2f5 Deuteranomaly 6% of men, 0.4% of women
#10acd1 Tritanomaly 0.01% of the population

#2da4f3 hex color

#2da4f3 Color Information

#2da4f3 Color Conversion

Color Schemes with #2da4f3

Alternatives to #2da4f3

#2da4f3 Preview

Shades and Tints of #2da4f3

Tones of #2da4f3

Color Blindness Simulator