#7dbbf3 hex color

In a RGB color space, hex #7dbbf3 is composed of 49% red, 73.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 23% magenta, 0% yellow and 4.7% black. It has a hue angle of 208.5 degrees, a saturation of 83.1% and a lightness of 72.2%. #7dbbf3 color hex could be obtained by blending #faffff with #0077e7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 73
- B 95
RGB color chart
- C 49
- M 23
- Y 0
- K 5
CMYK color chart

● #7dbbf3 color description : Soft blue.

The hexadecimal color #7dbbf3 has RGB values of R:125, G:187, B:243 and CMYK values of C:0.49, M:0.23, Y:0, K:0.05. Its decimal value is 8240115.

Hex triplet	7dbbf3	`#7dbbf3`
RGB Decimal	125, 187, 243	`rgb(125,187,243)`
RGB Percent	49, 73.3, 95.3	`rgb(49%,73.3%,95.3%)`
CMYK	49, 23, 0, 5
HSL	208.5°, 83.1, 72.2	`hsl(208.5,83.1%,72.2%)`
HSV (or HSB)	208.5°, 48.6, 95.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.785, -4.955, -33.936
XYZ	42.402, 46.369, 91.505
xyY	0.235, 0.257, 46.369
CIE-LCH	73.785, 34.296, 261.694
CIE-LUV	73.785, -29.083, -53.856
Hunter-Lab	68.095, -8.018, -32.006
Binary	01111101, 10111011, 11110011

#7dbbf3
```
#7dbbf3 rgb(125,187,243)
```
#f3b57d
```
#f3b57d rgb(243,181,125)
```

Complementary Color

#7df3f0
```
#7df3f0 rgb(125,243,240)
```
#7dbbf3
```
#7dbbf3 rgb(125,187,243)
```
#7d80f3
```
#7d80f3 rgb(125,128,243)
```

Analogous Color

#f3f07d
```
#f3f07d rgb(243,240,125)
```
#7dbbf3
```
#7dbbf3 rgb(125,187,243)
```
#f37d80
```
#f37d80 rgb(243,125,128)
```

Split Complementary Color

#bbf37d
```
#bbf37d rgb(187,243,125)
```
#7dbbf3
```
#7dbbf3 rgb(125,187,243)
```
#f37dbb
```
#f37dbb rgb(243,125,187)
```

Triadic Color

#7df3b5
```
#7df3b5 rgb(125,243,181)
```
#7dbbf3
```
#7dbbf3 rgb(125,187,243)
```
#f37dbb
```
#f37dbb rgb(243,125,187)
```
#f3b57d
```
#f3b57d rgb(243,181,125)
```

Tetradic Color

#3796ed
```
#3796ed rgb(55,150,237)
```
#4ea3ef
```
#4ea3ef rgb(78,163,239)
```
#66aff1
```
#66aff1 rgb(102,175,241)
```
#7dbbf3
```
#7dbbf3 rgb(125,187,243)
```
#94c7f5
```
#94c7f5 rgb(148,199,245)
```
#acd3f7
```
#acd3f7 rgb(172,211,247)
```
#c3e0f9
```
#c3e0f9 rgb(195,224,249)
```

Monochromatic Color

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

#7dd9f3
```
#7dd9f3 rgb(125,217,243)
```
#7dcff3
```
#7dcff3 rgb(125,207,243)
```
#7dc5f3
```
#7dc5f3 rgb(125,197,243)
```
#7dbbf3
```
#7dbbf3 rgb(125,187,243)
```
#7db1f3
```
#7db1f3 rgb(125,177,243)
```
#7da7f3
```
#7da7f3 rgb(125,167,243)
```
#7d9ef3
```
#7d9ef3 rgb(125,158,243)
```

Similar Colors

Text with hexadecimal color #7dbbf3

This text has a font color of #7dbbf3.

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

#7dbbf3 background color

This paragraph has a background color of #7dbbf3.

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

#7dbbf3 border color

This element has a border color of #7dbbf3.

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

CSS codes

.text {color:#7dbbf3;}

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

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

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

#01080e
```
#01080e rgb(1,8,14)
```
#031220
```
#031220 rgb(3,18,32)
```
#051c32
```
#051c32 rgb(5,28,50)
```
#062644
```
#062644 rgb(6,38,68)
```
#083155
```
#083155 rgb(8,49,85)
```
#0a3b67
```
#0a3b67 rgb(10,59,103)
```
#0b4579
```
#0b4579 rgb(11,69,121)
```
#0d4f8b
```
#0d4f8b rgb(13,79,139)
```
#0f5a9d
```
#0f5a9d rgb(15,90,157)
```
#1064af
```
#1064af rgb(16,100,175)
```
#126ec1
```
#126ec1 rgb(18,110,193)
```
#1378d3
```
#1378d3 rgb(19,120,211)
```
#1582e5
```
#1582e5 rgb(21,130,229)
```

Shade Color Variation

#238ceb
```
#238ceb rgb(35,140,235)
```
#3595ec
```
#3595ec rgb(53,149,236)
```
#479fee
```
#479fee rgb(71,159,238)
```
#59a8f0
```
#59a8f0 rgb(89,168,240)
```
#6bb2f1
```
#6bb2f1 rgb(107,178,241)
```
#7dbbf3
```
#7dbbf3 rgb(125,187,243)
```
#8fc4f5
```
#8fc4f5 rgb(143,196,245)
```
#a1cef6
```
#a1cef6 rgb(161,206,246)
```
#b3d7f8
```
#b3d7f8 rgb(179,215,248)
```
#c5e1fa
```
#c5e1fa rgb(197,225,250)
```
#d7eafb
```
#d7eafb rgb(215,234,251)
```
#e9f3fd
```
#e9f3fd rgb(233,243,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#b4b8bc
```
#b4b8bc rgb(180,184,188)
```
#aeb9c2
```
#aeb9c2 rgb(174,185,194)
```
#a9b9c7
```
#a9b9c7 rgb(169,185,199)
```
#a3b9cd
```
#a3b9cd rgb(163,185,205)
```
#9eb9d2
```
#9eb9d2 rgb(158,185,210)
```
#98bad8
```
#98bad8 rgb(152,186,216)
```
#93badd
```
#93badd rgb(147,186,221)
```
#8dbae3
```
#8dbae3 rgb(141,186,227)
```
#88bae8
```
#88bae8 rgb(136,186,232)
```
#82bbee
```
#82bbee rgb(130,187,238)
```
#7dbbf3
```
#7dbbf3 rgb(125,187,243)
```
#78bbf8
```
#78bbf8 rgb(120,187,248)
```
#72bcfe
```
#72bcfe rgb(114,188,254)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a5b1bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b7ee Protanopia 1% of men
#a4b6f6 Deuteranopia 1% of men
#76c4d3 Tritanopia 0.001% of the population

Trichromacy

#98b8f0 Protanomaly 1% of men, 0.01% of women
#96b8f5 Deuteranomaly 6% of men, 0.4% of women
#78c1de Tritanomaly 0.01% of the population

#7dbbf3 hex color

#7dbbf3 Color Information

#7dbbf3 Color Conversion

Color Schemes with #7dbbf3

Alternatives to #7dbbf3

#7dbbf3 Preview

Shades and Tints of #7dbbf3

Tones of #7dbbf3

Color Blindness Simulator