#7bdefe hex color

In a RGB color space, hex #7bdefe is composed of 48.2% red, 87.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 12.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 194.7 degrees, a saturation of 98.5% and a lightness of 73.9%. #7bdefe color hex could be obtained by blending #f6ffff with #00bdfd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 87
- B 100
RGB color chart
- C 52
- M 13
- Y 0
- K 0
CMYK color chart

● #7bdefe color description : Soft cyan.

The hexadecimal color #7bdefe has RGB values of R:123, G:222, B:254 and CMYK values of C:0.52, M:0.13, Y:0, K:0. Its decimal value is 8118014.

Hex triplet	7bdefe	`#7bdefe`
RGB Decimal	123, 222, 254	`rgb(123,222,254)`
RGB Percent	48.2, 87.1, 99.6	`rgb(48.2%,87.1%,99.6%)`
CMYK	52, 13, 0, 0
HSL	194.7°, 98.5, 73.9	`hsl(194.7,98.5%,73.9%)`
HSV (or HSB)	194.7°, 51.6, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.76, -20.605, -24.514
XYZ	52.174, 63.606, 103.288
xyY	0.238, 0.29, 63.606
CIE-LCH	83.76, 32.023, 229.951
CIE-LUV	83.76, -42.761, -36.351
Hunter-Lab	79.753, -22.794, -20.959
Binary	01111011, 11011110, 11111110

#7bdefe
```
#7bdefe rgb(123,222,254)
```
#fe9b7b
```
#fe9b7b rgb(254,155,123)
```

Complementary Color

#7bfedd
```
#7bfedd rgb(123,254,221)
```
#7bdefe
```
#7bdefe rgb(123,222,254)
```
#7b9dfe
```
#7b9dfe rgb(123,157,254)
```

Analogous Color

#fedd7b
```
#fedd7b rgb(254,221,123)
```
#7bdefe
```
#7bdefe rgb(123,222,254)
```
#fe7b9d
```
#fe7b9d rgb(254,123,157)
```

Split Complementary Color

#defe7b
```
#defe7b rgb(222,254,123)
```
#7bdefe
```
#7bdefe rgb(123,222,254)
```
#fe7bde
```
#fe7bde rgb(254,123,222)
```

Triadic Color

#7bfe9b
```
#7bfe9b rgb(123,254,155)
```
#7bdefe
```
#7bdefe rgb(123,222,254)
```
#fe7bde
```
#fe7bde rgb(254,123,222)
```
#fe9b7b
```
#fe9b7b rgb(254,155,123)
```

Tetradic Color

#2fcbfd
```
#2fcbfd rgb(47,203,253)
```
#48d1fe
```
#48d1fe rgb(72,209,254)
```
#62d8fe
```
#62d8fe rgb(98,216,254)
```
#7bdefe
```
#7bdefe rgb(123,222,254)
```
#94e4fe
```
#94e4fe rgb(148,228,254)
```
#aeebfe
```
#aeebfe rgb(174,235,254)
```
#c7f1ff
```
#c7f1ff rgb(199,241,255)
```

Monochromatic Color

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

#7bfefd
```
#7bfefd rgb(123,254,253)
```
#7bf4fe
```
#7bf4fe rgb(123,244,254)
```
#7be9fe
```
#7be9fe rgb(123,233,254)
```
#7bdefe
```
#7bdefe rgb(123,222,254)
```
#7bd3fe
```
#7bd3fe rgb(123,211,254)
```
#7bc8fe
```
#7bc8fe rgb(123,200,254)
```
#7bbdfe
```
#7bbdfe rgb(123,189,254)
```

Similar Colors

Text with hexadecimal color #7bdefe

This text has a font color of #7bdefe.

<span style="color:#7bdefe;">Text here</span>

#7bdefe background color

This paragraph has a background color of #7bdefe.

<p style="background-color:#7bdefe;">Content here</p>

#7bdefe border color

This element has a border color of #7bdefe.

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

CSS codes

.text {color:#7bdefe;}

.background {background-color:#7bdefe;}

.border {border:1px solid #7bdefe;}

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

#000304
```
#000304 rgb(0,3,4)
```
#001218
```
#001218 rgb(0,18,24)
```
#00212b
```
#00212b rgb(0,33,43)
```
#002f3f
```
#002f3f rgb(0,47,63)
```
#013e52
```
#013e52 rgb(1,62,82)
```
#014d66
```
#014d66 rgb(1,77,102)
```
#015c79
```
#015c79 rgb(1,92,121)
```
#016a8d
```
#016a8d rgb(1,106,141)
```
#0179a0
```
#0179a0 rgb(1,121,160)
```
#0188b3
```
#0188b3 rgb(1,136,179)
```
#0297c7
```
#0297c7 rgb(2,151,199)
```
#02a5da
```
#02a5da rgb(2,165,218)
```
#02b4ee
```
#02b4ee rgb(2,180,238)
```

Shade Color Variation

#06c1fd
```
#06c1fd rgb(6,193,253)
```
#1ac6fd
```
#1ac6fd rgb(26,198,253)
```
#2dcbfd
```
#2dcbfd rgb(45,203,253)
```
#41cffe
```
#41cffe rgb(65,207,254)
```
#54d4fe
```
#54d4fe rgb(84,212,254)
```
#68d9fe
```
#68d9fe rgb(104,217,254)
```
#7bdefe
```
#7bdefe rgb(123,222,254)
```
#8ee3fe
```
#8ee3fe rgb(142,227,254)
```
#a2e8fe
```
#a2e8fe rgb(162,232,254)
```
#b5edfe
```
#b5edfe rgb(181,237,254)
```
#c9f1ff
```
#c9f1ff rgb(201,241,255)
```
#dcf6ff
```
#dcf6ff rgb(220,246,255)
```
#f0fbff
```
#f0fbff rgb(240,251,255)
```

Tint Color Variation

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

#b8bfc1
```
#b8bfc1 rgb(184,191,193)
```
#b3c1c6
```
#b3c1c6 rgb(179,193,198)
```
#aec4cb
```
#aec4cb rgb(174,196,203)
```
#a9c6d0
```
#a9c6d0 rgb(169,198,208)
```
#a4c9d5
```
#a4c9d5 rgb(164,201,213)
```
#9fccda
```
#9fccda rgb(159,204,218)
```
#9acedf
```
#9acedf rgb(154,206,223)
```
#95d1e4
```
#95d1e4 rgb(149,209,228)
```
#8fd4ea
```
#8fd4ea rgb(143,212,234)
```
#8ad6ef
```
#8ad6ef rgb(138,214,239)
```
#85d9f4
```
#85d9f4 rgb(133,217,244)
```
#80dbf9
```
#80dbf9 rgb(128,219,249)
```
#7bdefe
```
#7bdefe rgb(123,222,254)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#b5c9d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbd1f5 Protanopia 1% of men
#cccfff Deuteranopia 1% of men
#7ce1f2 Tritanopia 0.001% of the population

Trichromacy

#aed6f8 Protanomaly 1% of men, 0.01% of women
#afd5fe Deuteranomaly 6% of men, 0.4% of women
#7ce0f6 Tritanomaly 0.01% of the population

#7bdefe hex color

#7bdefe Color Information

#7bdefe Color Conversion

Color Schemes with #7bdefe

Alternatives to #7bdefe

#7bdefe Preview

Shades and Tints of #7bdefe

Tones of #7bdefe

Color Blindness Simulator