#5da2f2 hex color

In a RGB color space, hex #5da2f2 is composed of 36.5% red, 63.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 33.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 212.2 degrees, a saturation of 85.1% and a lightness of 65.7%. #5da2f2 color hex could be obtained by blending #baffff with #0045e5. Closest websafe color is: #6699ff.

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

● #5da2f2 color description : Soft blue.

The hexadecimal color #5da2f2 has RGB values of R:93, G:162, B:242 and CMYK values of C:0.62, M:0.33, Y:0, K:0.05. Its decimal value is 6136562.

Hex triplet	5da2f2	`#5da2f2`
RGB Decimal	93, 162, 242	`rgb(93,162,242)`
RGB Percent	36.5, 63.5, 94.9	`rgb(36.5%,63.5%,94.9%)`
CMYK	62, 33, 0, 5
HSL	212.2°, 85.1, 65.7	`hsl(212.2,85.1%,65.7%)`
HSV (or HSB)	212.2°, 61.6, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.418, 2.102, -46.561
XYZ	33.458, 34.576, 88.91
xyY	0.213, 0.22, 34.576
CIE-LCH	65.418, 46.609, 272.584
CIE-LUV	65.418, -29.254, -75.092
Hunter-Lab	58.802, -1.338, -48.487
Binary	01011101, 10100010, 11110010

#5da2f2
```
#5da2f2 rgb(93,162,242)
```
#f2ad5d
```
#f2ad5d rgb(242,173,93)
```

Complementary Color

#5dedf2
```
#5dedf2 rgb(93,237,242)
```
#5da2f2
```
#5da2f2 rgb(93,162,242)
```
#635df2
```
#635df2 rgb(99,93,242)
```

Analogous Color

#edf25d
```
#edf25d rgb(237,242,93)
```
#5da2f2
```
#5da2f2 rgb(93,162,242)
```
#f2635d
```
#f2635d rgb(242,99,93)
```

Split Complementary Color

#a2f25d
```
#a2f25d rgb(162,242,93)
```
#5da2f2
```
#5da2f2 rgb(93,162,242)
```
#f25da2
```
#f25da2 rgb(242,93,162)
```

Triadic Color

#5df2ad
```
#5df2ad rgb(93,242,173)
```
#5da2f2
```
#5da2f2 rgb(93,162,242)
```
#f25da2
```
#f25da2 rgb(242,93,162)
```
#f2ad5d
```
#f2ad5d rgb(242,173,93)
```

Tetradic Color

#1679ec
```
#1679ec rgb(22,121,236)
```
#2e87ee
```
#2e87ee rgb(46,135,238)
```
#4594f0
```
#4594f0 rgb(69,148,240)
```
#5da2f2
```
#5da2f2 rgb(93,162,242)
```
#75b0f4
```
#75b0f4 rgb(117,176,244)
```
#8cbdf6
```
#8cbdf6 rgb(140,189,246)
```
#a4cbf8
```
#a4cbf8 rgb(164,203,248)
```

Monochromatic Color

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

#5dc7f2
```
#5dc7f2 rgb(93,199,242)
```
#5dbbf2
```
#5dbbf2 rgb(93,187,242)
```
#5daef2
```
#5daef2 rgb(93,174,242)
```
#5da2f2
```
#5da2f2 rgb(93,162,242)
```
#5d96f2
```
#5d96f2 rgb(93,150,242)
```
#5d89f2
```
#5d89f2 rgb(93,137,242)
```
#5d7df2
```
#5d7df2 rgb(93,125,242)
```

Similar Colors

Text with hexadecimal color #5da2f2

This text has a font color of #5da2f2.

<span style="color:#5da2f2;">Text here</span>

#5da2f2 background color

This paragraph has a background color of #5da2f2.

<p style="background-color:#5da2f2;">Content here</p>

#5da2f2 border color

This element has a border color of #5da2f2.

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

CSS codes

.text {color:#5da2f2;}

.background {background-color:#5da2f2;}

.border {border:1px solid #5da2f2;}

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

#000101
```
#000101 rgb(0,1,1)
```
#020a14
```
#020a14 rgb(2,10,20)
```
#031326
```
#031326 rgb(3,19,38)
```
#041c38
```
#041c38 rgb(4,28,56)
```
#06254a
```
#06254a rgb(6,37,74)
```
#072f5c
```
#072f5c rgb(7,47,92)
```
#09386e
```
#09386e rgb(9,56,110)
```
#0a4181
```
#0a4181 rgb(10,65,129)
```
#0c4a93
```
#0c4a93 rgb(12,74,147)
```
#0d53a5
```
#0d53a5 rgb(13,83,165)
```
#0f5db7
```
#0f5db7 rgb(15,93,183)
```
#1066c9
```
#1066c9 rgb(16,102,201)
```
#126fdb
```
#126fdb rgb(18,111,219)
```

Shade Color Variation

#1478ec
```
#1478ec rgb(20,120,236)
```
#2783ee
```
#2783ee rgb(39,131,238)
```
#398def
```
#398def rgb(57,141,239)
```
#4b98f1
```
#4b98f1 rgb(75,152,241)
```
#5da2f2
```
#5da2f2 rgb(93,162,242)
```
#6facf3
```
#6facf3 rgb(111,172,243)
```
#81b7f5
```
#81b7f5 rgb(129,183,245)
```
#93c1f6
```
#93c1f6 rgb(147,193,246)
```
#a6ccf8
```
#a6ccf8 rgb(166,204,248)
```
#b8d6f9
```
#b8d6f9 rgb(184,214,249)
```
#cae1fb
```
#cae1fb rgb(202,225,251)
```
#dcebfc
```
#dcebfc rgb(220,235,252)
```
#eef5fe
```
#eef5fe rgb(238,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a7a7a8 is the less saturated color, while #56a2f9 is the most saturated one.

#a7a7a8
```
#a7a7a8 rgb(167,167,168)
```
#a0a7af
```
#a0a7af rgb(160,167,175)
```
#9aa6b5
```
#9aa6b5 rgb(154,166,181)
```
#93a6bc
```
#93a6bc rgb(147,166,188)
```
#8ca5c3
```
#8ca5c3 rgb(140,165,195)
```
#85a5ca
```
#85a5ca rgb(133,165,202)
```
#7fa4d0
```
#7fa4d0 rgb(127,164,208)
```
#78a4d7
```
#78a4d7 rgb(120,164,215)
```
#71a3de
```
#71a3de rgb(113,163,222)
```
#6aa3e5
```
#6aa3e5 rgb(106,163,229)
```
#64a2eb
```
#64a2eb rgb(100,162,235)
```
#5da2f2
```
#5da2f2 rgb(93,162,242)
```
#56a2f9
```
#56a2f9 rgb(86,162,249)
```

Tone Color Variation

Below, you can see how #5da2f2 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

#969696 Achromatopsia 0.005% of the population
#8b98a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a1ee Protanopia 1% of men
#76a3f3 Deuteranopia 1% of men
#43b1be Tritanopia 0.001% of the population

Trichromacy

#77a1ef Protanomaly 1% of men, 0.01% of women
#6da3f3 Deuteranomaly 6% of men, 0.4% of women
#4cacd1 Tritanomaly 0.01% of the population

#5da2f2 hex color

#5da2f2 Color Information

#5da2f2 Color Conversion

Color Schemes with #5da2f2

Alternatives to #5da2f2

#5da2f2 Preview

Shades and Tints of #5da2f2

Tones of #5da2f2

Color Blindness Simulator