#3bbeff hex color

In a RGB color space, hex #3bbeff is composed of 23.1% red, 74.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 25.5% magenta, 0% yellow and 0% black. It has a hue angle of 199.9 degrees, a saturation of 100% and a lightness of 61.6%. #3bbeff color hex could be obtained by blending #76ffff with #007dff. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 23
- G 75
- B 100
RGB color chart
- C 77
- M 25
- Y 0
- K 0
CMYK color chart

● #3bbeff color description : Light blue.

The hexadecimal color #3bbeff has RGB values of R:59, G:190, B:255 and CMYK values of C:0.77, M:0.25, Y:0, K:0. Its decimal value is 3915519.

Hex triplet	3bbeff	`#3bbeff`
RGB Decimal	59, 190, 255	`rgb(59,190,255)`
RGB Percent	23.1, 74.5, 100	`rgb(23.1%,74.5%,100%)`
CMYK	77, 25, 0, 0
HSL	199.9°, 100, 61.6	`hsl(199.9,100%,61.6%)`
HSV (or HSB)	199.9°, 76.9, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.874, -13.89, -41.992
XYZ	38.263, 44.973, 101.266
xyY	0.207, 0.244, 44.973
CIE-LCH	72.874, 44.229, 251.696
CIE-LUV	72.874, -44.809, -66.514
Hunter-Lab	67.062, -15.515, -42.587
Binary	00111011, 10111110, 11111111

#3bbeff
```
#3bbeff rgb(59,190,255)
```
#ff7c3b
```
#ff7c3b rgb(255,124,59)
```

Complementary Color

#3bffde
```
#3bffde rgb(59,255,222)
```
#3bbeff
```
#3bbeff rgb(59,190,255)
```
#3b5cff
```
#3b5cff rgb(59,92,255)
```

Analogous Color

#ffde3b
```
#ffde3b rgb(255,222,59)
```
#3bbeff
```
#3bbeff rgb(59,190,255)
```
#ff3b5c
```
#ff3b5c rgb(255,59,92)
```

Split Complementary Color

#beff3b
```
#beff3b rgb(190,255,59)
```
#3bbeff
```
#3bbeff rgb(59,190,255)
```
#ff3bbe
```
#ff3bbe rgb(255,59,190)
```

Triadic Color

#3bff7c
```
#3bff7c rgb(59,255,124)
```
#3bbeff
```
#3bbeff rgb(59,190,255)
```
#ff3bbe
```
#ff3bbe rgb(255,59,190)
```
#ff7c3b
```
#ff7c3b rgb(255,124,59)
```

Tetradic Color

#009fee
```
#009fee rgb(0,159,238)
```
#08adff
```
#08adff rgb(8,173,255)
```
#22b6ff
```
#22b6ff rgb(34,182,255)
```
#3bbeff
```
#3bbeff rgb(59,190,255)
```
#55c6ff
```
#55c6ff rgb(85,198,255)
```
#6ecfff
```
#6ecfff rgb(110,207,255)
```
#88d7ff
```
#88d7ff rgb(136,215,255)
```

Monochromatic Color

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

#3befff
```
#3befff rgb(59,239,255)
```
#3bdfff
```
#3bdfff rgb(59,223,255)
```
#3bceff
```
#3bceff rgb(59,206,255)
```
#3bbeff
```
#3bbeff rgb(59,190,255)
```
#3baeff
```
#3baeff rgb(59,174,255)
```
#3b9dff
```
#3b9dff rgb(59,157,255)
```
#3b8dff
```
#3b8dff rgb(59,141,255)
```

Similar Colors

Text with hexadecimal color #3bbeff

This text has a font color of #3bbeff.

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

#3bbeff background color

This paragraph has a background color of #3bbeff.

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

#3bbeff border color

This element has a border color of #3bbeff.

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

CSS codes

.text {color:#3bbeff;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000d14
```
#000d14 rgb(0,13,20)
```
#001a27
```
#001a27 rgb(0,26,39)
```
#00273b
```
#00273b rgb(0,39,59)
```
#00354f
```
#00354f rgb(0,53,79)
```
#004262
```
#004262 rgb(0,66,98)
```
#004f76
```
#004f76 rgb(0,79,118)
```
#005c89
```
#005c89 rgb(0,92,137)
```
#00699d
```
#00699d rgb(0,105,157)
```
#0076b1
```
#0076b1 rgb(0,118,177)
```
#0083c4
```
#0083c4 rgb(0,131,196)
```
#0090d8
```
#0090d8 rgb(0,144,216)
```
#009dec
```
#009dec rgb(0,157,236)
```

Shade Color Variation

#00aaff
```
#00aaff rgb(0,170,255)
```
#14b1ff
```
#14b1ff rgb(20,177,255)
```
#27b7ff
```
#27b7ff rgb(39,183,255)
```
#3bbeff
```
#3bbeff rgb(59,190,255)
```
#4fc5ff
```
#4fc5ff rgb(79,197,255)
```
#62cbff
```
#62cbff rgb(98,203,255)
```
#76d2ff
```
#76d2ff rgb(118,210,255)
```
#89d8ff
```
#89d8ff rgb(137,216,255)
```
#9ddfff
```
#9ddfff rgb(157,223,255)
```
#b1e5ff
```
#b1e5ff rgb(177,229,255)
```
#c4ecff
```
#c4ecff rgb(196,236,255)
```
#d8f2ff
```
#d8f2ff rgb(216,242,255)
```
#ecf9ff
```
#ecf9ff rgb(236,249,255)
```

Tint Color Variation

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

#95a0a5
```
#95a0a5 rgb(149,160,165)
```
#8ea2ac
```
#8ea2ac rgb(142,162,172)
```
#86a5b4
```
#86a5b4 rgb(134,165,180)
```
#7fa7bb
```
#7fa7bb rgb(127,167,187)
```
#77aac3
```
#77aac3 rgb(119,170,195)
```
#70acca
```
#70acca rgb(112,172,202)
```
#68afd2
```
#68afd2 rgb(104,175,210)
```
#61b1d9
```
#61b1d9 rgb(97,177,217)
```
#59b4e1
```
#59b4e1 rgb(89,180,225)
```
#52b6e8
```
#52b6e8 rgb(82,182,232)
```
#4ab9f0
```
#4ab9f0 rgb(74,185,240)
```
#43bbf7
```
#43bbf7 rgb(67,187,247)
```
#3bbeff
```
#3bbeff rgb(59,190,255)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8aa4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b4f5 Protanopia 1% of men
#96b5ff Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#7cb7f9 Protanomaly 1% of men, 0.01% of women
#75b8ff Deuteranomaly 6% of men, 0.4% of women
#15c4e5 Tritanomaly 0.01% of the population

#3bbeff hex color

#3bbeff Color Information

#3bbeff Color Conversion

Color Schemes with #3bbeff

Alternatives to #3bbeff

#3bbeff Preview

Shades and Tints of #3bbeff

Tones of #3bbeff

Color Blindness Simulator