#3db5f2 hex color

In a RGB color space, hex #3db5f2 is composed of 23.9% red, 71% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 25.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 200.2 degrees, a saturation of 87.4% and a lightness of 59.4%. #3db5f2 color hex could be obtained by blending #7affff with #006be5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 24
- G 71
- B 95
RGB color chart
- C 75
- M 25
- Y 0
- K 5
CMYK color chart

● #3db5f2 color description : Bright blue.

The hexadecimal color #3db5f2 has RGB values of R:61, G:181, B:242 and CMYK values of C:0.75, M:0.25, Y:0, K:0.05. Its decimal value is 4044274.

Hex triplet	3db5f2	`#3db5f2`
RGB Decimal	61, 181, 242	`rgb(61,181,242)`
RGB Percent	23.9, 71, 94.9	`rgb(23.9%,71%,94.9%)`
CMYK	75, 25, 0, 5
HSL	200.2°, 87.4, 59.4	`hsl(200.2,87.4%,59.4%)`
HSV (or HSB)	200.2°, 74.8, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.787, -13.204, -39.781
XYZ	34.471, 40.448, 89.99
xyY	0.209, 0.245, 40.448
CIE-LCH	69.787, 41.915, 251.638
CIE-LUV	69.787, -42.195, -62.429
Hunter-Lab	63.599, -14.548, -39.375
Binary	00111101, 10110101, 11110010

#3db5f2
```
#3db5f2 rgb(61,181,242)
```
#f27a3d
```
#f27a3d rgb(242,122,61)
```

Complementary Color

#3df2d5
```
#3df2d5 rgb(61,242,213)
```
#3db5f2
```
#3db5f2 rgb(61,181,242)
```
#3d5bf2
```
#3d5bf2 rgb(61,91,242)
```

Analogous Color

#f2d53d
```
#f2d53d rgb(242,213,61)
```
#3db5f2
```
#3db5f2 rgb(61,181,242)
```
#f23d5b
```
#f23d5b rgb(242,61,91)
```

Split Complementary Color

#b5f23d
```
#b5f23d rgb(181,242,61)
```
#3db5f2
```
#3db5f2 rgb(61,181,242)
```
#f23db5
```
#f23db5 rgb(242,61,181)
```

Triadic Color

#3df27a
```
#3df27a rgb(61,242,122)
```
#3db5f2
```
#3db5f2 rgb(61,181,242)
```
#f23db5
```
#f23db5 rgb(242,61,181)
```
#f27a3d
```
#f27a3d rgb(242,122,61)
```

Tetradic Color

#0e92d4
```
#0e92d4 rgb(14,146,212)
```
#10a2ec
```
#10a2ec rgb(16,162,236)
```
#25acf0
```
#25acf0 rgb(37,172,240)
```
#3db5f2
```
#3db5f2 rgb(61,181,242)
```
#55bef4
```
#55bef4 rgb(85,190,244)
```
#6dc7f5
```
#6dc7f5 rgb(109,199,245)
```
#85d0f7
```
#85d0f7 rgb(133,208,247)
```

Monochromatic Color

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

#3de2f2
```
#3de2f2 rgb(61,226,242)
```
#3dd3f2
```
#3dd3f2 rgb(61,211,242)
```
#3dc4f2
```
#3dc4f2 rgb(61,196,242)
```
#3db5f2
```
#3db5f2 rgb(61,181,242)
```
#3da6f2
```
#3da6f2 rgb(61,166,242)
```
#3d97f2
```
#3d97f2 rgb(61,151,242)
```
#3d88f2
```
#3d88f2 rgb(61,136,242)
```

Similar Colors

Text with hexadecimal color #3db5f2

This text has a font color of #3db5f2.

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

#3db5f2 background color

This paragraph has a background color of #3db5f2.

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

#3db5f2 border color

This element has a border color of #3db5f2.

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

CSS codes

.text {color:#3db5f2;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#02121b
```
#02121b rgb(2,18,27)
```
#031f2d
```
#031f2d rgb(3,31,45)
```
#042b3f
```
#042b3f rgb(4,43,63)
```
#053852
```
#053852 rgb(5,56,82)
```
#074564
```
#074564 rgb(7,69,100)
```
#085177
```
#085177 rgb(8,81,119)
```
#095e89
```
#095e89 rgb(9,94,137)
```
#0a6a9b
```
#0a6a9b rgb(10,106,155)
```
#0c77ae
```
#0c77ae rgb(12,119,174)
```
#0d84c0
```
#0d84c0 rgb(13,132,192)
```
#0e90d2
```
#0e90d2 rgb(14,144,210)
```
#0f9de5
```
#0f9de5 rgb(15,157,229)
```

Shade Color Variation

#18a7f0
```
#18a7f0 rgb(24,167,240)
```
#2baef1
```
#2baef1 rgb(43,174,241)
```
#3db5f2
```
#3db5f2 rgb(61,181,242)
```
#4fbcf3
```
#4fbcf3 rgb(79,188,243)
```
#62c3f4
```
#62c3f4 rgb(98,195,244)
```
#74caf6
```
#74caf6 rgb(116,202,246)
```
#87d1f7
```
#87d1f7 rgb(135,209,247)
```
#99d8f8
```
#99d8f8 rgb(153,216,248)
```
#abdff9
```
#abdff9 rgb(171,223,249)
```
#bee6fb
```
#bee6fb rgb(190,230,251)
```
#d0edfc
```
#d0edfc rgb(208,237,252)
```
#e2f4fd
```
#e2f4fd rgb(226,244,253)
```
#f5fbfe
```
#f5fbfe rgb(245,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95989a is the less saturated color, while #35b8fa is the most saturated one.

#95989a
```
#95989a rgb(149,152,154)
```
#8d9ba2
```
#8d9ba2 rgb(141,155,162)
```
#859eaa
```
#859eaa rgb(133,158,170)
```
#7da0b2
```
#7da0b2 rgb(125,160,178)
```
#75a3ba
```
#75a3ba rgb(117,163,186)
```
#6da5c2
```
#6da5c2 rgb(109,165,194)
```
#65a8ca
```
#65a8ca rgb(101,168,202)
```
#5dabd2
```
#5dabd2 rgb(93,171,210)
```
#55adda
```
#55adda rgb(85,173,218)
```
#4db0e2
```
#4db0e2 rgb(77,176,226)
```
#45b2ea
```
#45b2ea rgb(69,178,234)
```
#3db5f2
```
#3db5f2 rgb(61,181,242)
```
#35b8fa
```
#35b8fa rgb(53,184,250)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#869eaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#9bacea Protanopia 1% of men
#8eadf7 Deuteranopia 1% of men
#00bfcd Tritanopia 0.001% of the population

Trichromacy

#79afed Protanomaly 1% of men, 0.01% of women
#70b0f5 Deuteranomaly 6% of men, 0.4% of women
#16bbda Tritanomaly 0.01% of the population

#3db5f2 hex color

#3db5f2 Color Information

#3db5f2 Color Conversion

Color Schemes with #3db5f2

Alternatives to #3db5f2

#3db5f2 Preview

Shades and Tints of #3db5f2

Tones of #3db5f2

Color Blindness Simulator