colorhexa.com

#3daaf8 hex color

In a RGB color space, hex #3daaf8 is composed of 23.9% red, 66.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 31.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 205 degrees, a saturation of 93% and a lightness of 60.6%. #3daaf8 color hex could be obtained by blending #7affff with #0055f1. Closest websafe color is: #3399ff.

- R 24
- G 67
- B 97
RGB color chart
- C 75
- M 31
- Y 0
- K 3
CMYK color chart

● #3daaf8 color description : Bright blue.

The hexadecimal color #3daaf8 has RGB values of R:61, G:170, B:248 and CMYK values of C:0.75, M:0.31, Y:0, K:0.03. Its decimal value is 4041464.

Hex triplet	3daaf8	`#3daaf8`
RGB Decimal	61, 170, 248	`rgb(61,170,248)`
RGB Percent	23.9, 66.7, 97.3	`rgb(23.9%,66.7%,97.3%)`
CMYK	75, 31, 0, 3
HSL	205°, 93, 60.6	`hsl(205,93%,60.6%)`
HSV (or HSB)	205°, 75.4, 97.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.912, -5.115, -47.552
XYZ	33.238, 36.516, 94.098
xyY	0.203, 0.223, 36.516
CIE-LCH	66.912, 47.826, 263.86
CIE-LUV	66.912, -38.125, -76.235
Hunter-Lab	60.429, -7.567, -50.025
Binary	00111101, 10101010, 11111000

#3daaf8
```
#3daaf8 rgb(61,170,248)
```
#f88b3d
```
#f88b3d rgb(248,139,61)
```

Complementary Color

#3df8e9
```
#3df8e9 rgb(61,248,233)
```
#3daaf8
```
#3daaf8 rgb(61,170,248)
```
#3d4df8
```
#3d4df8 rgb(61,77,248)
```

Analogous Color

#f8e93d
```
#f8e93d rgb(248,233,61)
```
#3daaf8
```
#3daaf8 rgb(61,170,248)
```
#f83d4d
```
#f83d4d rgb(248,61,77)
```

Split Complementary Color

#aaf83d
```
#aaf83d rgb(170,248,61)
```
#3daaf8
```
#3daaf8 rgb(61,170,248)
```
#f83daa
```
#f83daa rgb(248,61,170)
```

Triadic Color

#3df88b
```
#3df88b rgb(61,248,139)
```
#3daaf8
```
#3daaf8 rgb(61,170,248)
```
#f83daa
```
#f83daa rgb(248,61,170)
```
#f88b3d
```
#f88b3d rgb(248,139,61)
```

Tetradic Color

#0886e0
```
#0886e0 rgb(8,134,224)
```
#0c94f6
```
#0c94f6 rgb(12,148,246)
```
#249ff7
```
#249ff7 rgb(36,159,247)
```
#3daaf8
```
#3daaf8 rgb(61,170,248)
```
#56b5f9
```
#56b5f9 rgb(86,181,249)
```
#6ec0fa
```
#6ec0fa rgb(110,192,250)
```
#87cafb
```
#87cafb rgb(135,202,251)
```

Monochromatic Color

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

#3dd9f8
```
#3dd9f8 rgb(61,217,248)
```
#3dc9f8
```
#3dc9f8 rgb(61,201,248)
```
#3dbaf8
```
#3dbaf8 rgb(61,186,248)
```
#3daaf8
```
#3daaf8 rgb(61,170,248)
```
#3d9af8
```
#3d9af8 rgb(61,154,248)
```
#3d8bf8
```
#3d8bf8 rgb(61,139,248)
```
#3d7bf8
```
#3d7bf8 rgb(61,123,248)
```

Similar Colors

Text with hexadecimal color #3daaf8

This text has a font color of #3daaf8.

<span style="color:#3daaf8;">Text here</span>

#3daaf8 background color

This paragraph has a background color of #3daaf8.

<p style="background-color:#3daaf8;">Content here</p>

#3daaf8 border color

This element has a border color of #3daaf8.

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

CSS codes

.text {color:#3daaf8;}

.background {background-color:#3daaf8;}

.border {border:1px solid #3daaf8;}

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, #01090e is the darkest color, while #fafdff is the lightest one.

#01090e
```
#01090e rgb(1,9,14)
```
#011421
```
#011421 rgb(1,20,33)
```
#021f34
```
#021f34 rgb(2,31,52)
```
#032a47
```
#032a47 rgb(3,42,71)
```
#03365a
```
#03365a rgb(3,54,90)
```
#04416d
```
#04416d rgb(4,65,109)
```
#054c80
```
#054c80 rgb(5,76,128)
```
#055893
```
#055893 rgb(5,88,147)
```
#0663a6
```
#0663a6 rgb(6,99,166)
```
#076eb9
```
#076eb9 rgb(7,110,185)
```
#077acc
```
#077acc rgb(7,122,204)
```
#0885df
```
#0885df rgb(8,133,223)
```
#0990f1
```
#0990f1 rgb(9,144,241)
```

Shade Color Variation

#1799f7
```
#1799f7 rgb(23,153,247)
```
#2aa2f7
```
#2aa2f7 rgb(42,162,247)
```
#3daaf8
```
#3daaf8 rgb(61,170,248)
```
#50b2f9
```
#50b2f9 rgb(80,178,249)
```
#63bbf9
```
#63bbf9 rgb(99,187,249)
```
#76c3fa
```
#76c3fa rgb(118,195,250)
```
#89cbfb
```
#89cbfb rgb(137,203,251)
```
#9cd3fb
```
#9cd3fb rgb(156,211,251)
```
#afdcfc
```
#afdcfc rgb(175,220,252)
```
#c2e4fd
```
#c2e4fd rgb(194,228,253)
```
#d4ecfd
```
#d4ecfd rgb(212,236,253)
```
#e7f5fe
```
#e7f5fe rgb(231,245,254)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9b9b is the less saturated color, while #3daaf8 is the most saturated one.

#9a9b9b
```
#9a9b9b rgb(154,155,155)
```
#929ca3
```
#929ca3 rgb(146,156,163)
```
#8a9dab
```
#8a9dab rgb(138,157,171)
```
#839eb2
```
#839eb2 rgb(131,158,178)
```
#7ba0ba
```
#7ba0ba rgb(123,160,186)
```
#73a1c2
```
#73a1c2 rgb(115,161,194)
```
#6ba2ca
```
#6ba2ca rgb(107,162,202)
```
#64a4d1
```
#64a4d1 rgb(100,164,209)
```
#5ca5d9
```
#5ca5d9 rgb(92,165,217)
```
#54a6e1
```
#54a6e1 rgb(84,166,225)
```
#4ca7e9
```
#4ca7e9 rgb(76,167,233)
```
#45a9f0
```
#45a9f0 rgb(69,169,240)
```
#3daaf8
```
#3daaf8 rgb(61,170,248)
```

Tone Color Variation

Below, you can see how #3daaf8 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

#929292 Achromatopsia 0.005% of the population
#8197a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba5f1 Protanopia 1% of men
#77a7fb Deuteranopia 1% of men
#00b7c4 Tritanopia 0.001% of the population

Trichromacy

#6ea6f3 Protanomaly 1% of men, 0.01% of women
#62a8fa Deuteranomaly 6% of men, 0.4% of women
#16b2d7 Tritanomaly 0.01% of the population