#3baffb hex color

In a RGB color space, hex #3baffb is composed of 23.1% red, 68.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 30.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 203.8 degrees, a saturation of 96% and a lightness of 60.8%. #3baffb color hex could be obtained by blending #76ffff with #005ff7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 23
- G 69
- B 98
RGB color chart
- C 76
- M 30
- Y 0
- K 2
CMYK color chart

● #3baffb color description : Bright blue.

The hexadecimal color #3baffb has RGB values of R:59, G:175, B:251 and CMYK values of C:0.76, M:0.3, Y:0, K:0.02. Its decimal value is 3911675.

Hex triplet	3baffb	`#3baffb`
RGB Decimal	59, 175, 251	`rgb(59,175,251)`
RGB Percent	23.1, 68.6, 98.4	`rgb(23.1%,68.6%,98.4%)`
CMYK	76, 30, 0, 2
HSL	203.8°, 96, 60.8	`hsl(203.8,96%,60.8%)`
HSV (or HSB)	203.8°, 76.5, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.425, -7.091, -46.803
XYZ	34.542, 38.552, 96.882
xyY	0.203, 0.227, 38.552
CIE-LCH	68.425, 47.337, 261.385
CIE-LUV	68.425, -39.948, -74.985
Hunter-Lab	62.09, -9.355, -49.05
Binary	00111011, 10101111, 11111011

#3baffb
```
#3baffb rgb(59,175,251)
```
#fb873b
```
#fb873b rgb(251,135,59)
```

Complementary Color

#3bfbe7
```
#3bfbe7 rgb(59,251,231)
```
#3baffb
```
#3baffb rgb(59,175,251)
```
#3b4ffb
```
#3b4ffb rgb(59,79,251)
```

Analogous Color

#fbe73b
```
#fbe73b rgb(251,231,59)
```
#3baffb
```
#3baffb rgb(59,175,251)
```
#fb3b4f
```
#fb3b4f rgb(251,59,79)
```

Split Complementary Color

#affb3b
```
#affb3b rgb(175,251,59)
```
#3baffb
```
#3baffb rgb(59,175,251)
```
#fb3baf
```
#fb3baf rgb(251,59,175)
```

Triadic Color

#3bfb87
```
#3bfb87 rgb(59,251,135)
```
#3baffb
```
#3baffb rgb(59,175,251)
```
#fb3baf
```
#fb3baf rgb(251,59,175)
```
#fb873b
```
#fb873b rgb(251,135,59)
```

Tetradic Color

#058ce5
```
#058ce5 rgb(5,140,229)
```
#099bfa
```
#099bfa rgb(9,155,250)
```
#22a5fa
```
#22a5fa rgb(34,165,250)
```
#3baffb
```
#3baffb rgb(59,175,251)
```
#54b9fc
```
#54b9fc rgb(84,185,252)
```
#6dc3fc
```
#6dc3fc rgb(109,195,252)
```
#86cefd
```
#86cefd rgb(134,206,253)
```

Monochromatic Color

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

#3bdffb
```
#3bdffb rgb(59,223,251)
```
#3bcffb
```
#3bcffb rgb(59,207,251)
```
#3bbffb
```
#3bbffb rgb(59,191,251)
```
#3baffb
```
#3baffb rgb(59,175,251)
```
#3b9ffb
```
#3b9ffb rgb(59,159,251)
```
#3b8ffb
```
#3b8ffb rgb(59,143,251)
```
#3b7ffb
```
#3b7ffb rgb(59,127,251)
```

Similar Colors

Text with hexadecimal color #3baffb

This text has a font color of #3baffb.

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

#3baffb background color

This paragraph has a background color of #3baffb.

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

#3baffb border color

This element has a border color of #3baffb.

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

CSS codes

.text {color:#3baffb;}

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

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

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, #00090f is the darkest color, while #fbfdff is the lightest one.

#00090f
```
#00090f rgb(0,9,15)
```
#011523
```
#011523 rgb(1,21,35)
```
#012136
```
#012136 rgb(1,33,54)
```
#012d49
```
#012d49 rgb(1,45,73)
```
#02395c
```
#02395c rgb(2,57,92)
```
#024470
```
#024470 rgb(2,68,112)
```
#035083
```
#035083 rgb(3,80,131)
```
#035c96
```
#035c96 rgb(3,92,150)
```
#0368a9
```
#0368a9 rgb(3,104,169)
```
#0473bc
```
#0473bc rgb(4,115,188)
```
#047fd0
```
#047fd0 rgb(4,127,208)
```
#058be3
```
#058be3 rgb(5,139,227)
```
#0597f6
```
#0597f6 rgb(5,151,246)
```

Shade Color Variation

#159ffa
```
#159ffa rgb(21,159,250)
```
#28a7fb
```
#28a7fb rgb(40,167,251)
```
#3baffb
```
#3baffb rgb(59,175,251)
```
#4eb7fb
```
#4eb7fb rgb(78,183,251)
```
#61bffc
```
#61bffc rgb(97,191,252)
```
#75c7fc
```
#75c7fc rgb(117,199,252)
```
#88cefd
```
#88cefd rgb(136,206,253)
```
#9bd6fd
```
#9bd6fd rgb(155,214,253)
```
#aedefd
```
#aedefd rgb(174,222,253)
```
#c2e6fe
```
#c2e6fe rgb(194,230,254)
```
#d5eefe
```
#d5eefe rgb(213,238,254)
```
#e8f6ff
```
#e8f6ff rgb(232,246,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#979c9f
```
#979c9f rgb(151,156,159)
```
#909da6
```
#909da6 rgb(144,157,166)
```
#889fae
```
#889fae rgb(136,159,174)
```
#80a1b6
```
#80a1b6 rgb(128,161,182)
```
#79a2bd
```
#79a2bd rgb(121,162,189)
```
#71a4c5
```
#71a4c5 rgb(113,164,197)
```
#69a5cd
```
#69a5cd rgb(105,165,205)
```
#61a7d5
```
#61a7d5 rgb(97,167,213)
```
#5aa9dc
```
#5aa9dc rgb(90,169,220)
```
#52aae4
```
#52aae4 rgb(82,170,228)
```
#4aacec
```
#4aacec rgb(74,172,236)
```
#43adf3
```
#43adf3 rgb(67,173,243)
```
#3baffb
```
#3baffb rgb(59,175,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#839aa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a8f3 Protanopia 1% of men
#7dabfe Deuteranopia 1% of men
#00bcc9 Tritanopia 0.001% of the population

Trichromacy

#71abf6 Protanomaly 1% of men, 0.01% of women
#65acfd Deuteranomaly 6% of men, 0.4% of women
#15b7db Tritanomaly 0.01% of the population

#3baffb hex color

#3baffb Color Information

#3baffb Color Conversion

Color Schemes with #3baffb

Alternatives to #3baffb

#3baffb Preview

Shades and Tints of #3baffb

Tones of #3baffb

Color Blindness Simulator