#38bbfd hex color

In a RGB color space, hex #38bbfd is composed of 22% red, 73.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 26.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 200.1 degrees, a saturation of 98% and a lightness of 60.6%. #38bbfd color hex could be obtained by blending #70ffff with #0077fb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 22
- G 73
- B 99
RGB color chart
- C 78
- M 26
- Y 0
- K 1
CMYK color chart

● #38bbfd color description : Bright blue.

The hexadecimal color #38bbfd has RGB values of R:56, G:187, B:253 and CMYK values of C:0.78, M:0.26, Y:0, K:0.01. Its decimal value is 3718141.

Hex triplet	38bbfd	`#38bbfd`
RGB Decimal	56, 187, 253	`rgb(56,187,253)`
RGB Percent	22, 73.3, 99.2	`rgb(22%,73.3%,99.2%)`
CMYK	78, 26, 0, 1
HSL	200.1°, 98, 60.6	`hsl(200.1,98%,60.6%)`
HSV (or HSB)	200.1°, 77.9, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.873, -13.264, -42.484
XYZ	37.126, 43.47, 99.357
xyY	0.206, 0.242, 43.47
CIE-LCH	71.873, 44.506, 252.66
CIE-LUV	71.873, -44.303, -67.322
Hunter-Lab	65.932, -14.867, -43.196
Binary	00111000, 10111011, 11111101

#38bbfd
```
#38bbfd rgb(56,187,253)
```
#fd7a38
```
#fd7a38 rgb(253,122,56)
```

Complementary Color

#38fddd
```
#38fddd rgb(56,253,221)
```
#38bbfd
```
#38bbfd rgb(56,187,253)
```
#3859fd
```
#3859fd rgb(56,89,253)
```

Analogous Color

#fddd38
```
#fddd38 rgb(253,221,56)
```
#38bbfd
```
#38bbfd rgb(56,187,253)
```
#fd3859
```
#fd3859 rgb(253,56,89)
```

Split Complementary Color

#bbfd38
```
#bbfd38 rgb(187,253,56)
```
#38bbfd
```
#38bbfd rgb(56,187,253)
```
#fd38bb
```
#fd38bb rgb(253,56,187)
```

Triadic Color

#38fd7a
```
#38fd7a rgb(56,253,122)
```
#38bbfd
```
#38bbfd rgb(56,187,253)
```
#fd38bb
```
#fd38bb rgb(253,56,187)
```
#fd7a38
```
#fd7a38 rgb(253,122,56)
```

Tetradic Color

#029ae6
```
#029ae6 rgb(2,154,230)
```
#06aafc
```
#06aafc rgb(6,170,252)
```
#1fb2fd
```
#1fb2fd rgb(31,178,253)
```
#38bbfd
```
#38bbfd rgb(56,187,253)
```
#51c4fd
```
#51c4fd rgb(81,196,253)
```
#6accfe
```
#6accfe rgb(106,204,254)
```
#84d5fe
```
#84d5fe rgb(132,213,254)
```

Monochromatic Color

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

#38ecfd
```
#38ecfd rgb(56,236,253)
```
#38dcfd
```
#38dcfd rgb(56,220,253)
```
#38cbfd
```
#38cbfd rgb(56,203,253)
```
#38bbfd
```
#38bbfd rgb(56,187,253)
```
#38abfd
```
#38abfd rgb(56,171,253)
```
#389afd
```
#389afd rgb(56,154,253)
```
#388afd
```
#388afd rgb(56,138,253)
```

Similar Colors

Text with hexadecimal color #38bbfd

This text has a font color of #38bbfd.

<span style="color:#38bbfd;">Text here</span>

#38bbfd background color

This paragraph has a background color of #38bbfd.

<p style="background-color:#38bbfd;">Content here</p>

#38bbfd border color

This element has a border color of #38bbfd.

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

CSS codes

.text {color:#38bbfd;}

.background {background-color:#38bbfd;}

.border {border:1px solid #38bbfd;}

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, #000a0f is the darkest color, while #fafdff is the lightest one.

#000a0f
```
#000a0f rgb(0,10,15)
```
#001722
```
#001722 rgb(0,23,34)
```
#012435
```
#012435 rgb(1,36,53)
```
#013149
```
#013149 rgb(1,49,73)
```
#013e5c
```
#013e5c rgb(1,62,92)
```
#014b70
```
#014b70 rgb(1,75,112)
```
#015883
```
#015883 rgb(1,88,131)
```
#026597
```
#026597 rgb(2,101,151)
```
#0272aa
```
#0272aa rgb(2,114,170)
```
#027fbd
```
#027fbd rgb(2,127,189)
```
#028cd1
```
#028cd1 rgb(2,140,209)
```
#0299e4
```
#0299e4 rgb(2,153,228)
```
#02a6f8
```
#02a6f8 rgb(2,166,248)
```

Shade Color Variation

#11aefd
```
#11aefd rgb(17,174,253)
```
#25b4fd
```
#25b4fd rgb(37,180,253)
```
#38bbfd
```
#38bbfd rgb(56,187,253)
```
#4bc2fd
```
#4bc2fd rgb(75,194,253)
```
#5fc8fd
```
#5fc8fd rgb(95,200,253)
```
#72cffe
```
#72cffe rgb(114,207,254)
```
#86d6fe
```
#86d6fe rgb(134,214,254)
```
#99dcfe
```
#99dcfe rgb(153,220,254)
```
#ade3fe
```
#ade3fe rgb(173,227,254)
```
#c0e9fe
```
#c0e9fe rgb(192,233,254)
```
#d3f0ff
```
#d3f0ff rgb(211,240,255)
```
#e7f7ff
```
#e7f7ff rgb(231,247,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959ca0 is the less saturated color, while #38bbfd is the most saturated one.

#959ca0
```
#959ca0 rgb(149,156,160)
```
#8d9fa8
```
#8d9fa8 rgb(141,159,168)
```
#85a1b0
```
#85a1b0 rgb(133,161,176)
```
#7ea4b7
```
#7ea4b7 rgb(126,164,183)
```
#76a7bf
```
#76a7bf rgb(118,167,191)
```
#6ea9c7
```
#6ea9c7 rgb(110,169,199)
```
#66accf
```
#66accf rgb(102,172,207)
```
#5faed6
```
#5faed6 rgb(95,174,214)
```
#57b1de
```
#57b1de rgb(87,177,222)
```
#4fb3e6
```
#4fb3e6 rgb(79,179,230)
```
#47b6ee
```
#47b6ee rgb(71,182,238)
```
#40b8f5
```
#40b8f5 rgb(64,184,245)
```
#38bbfd
```
#38bbfd rgb(56,187,253)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#87a1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eb1f4 Protanopia 1% of men
#91b3ff Deuteranopia 1% of men
#00c5d3 Tritanopia 0.001% of the population

Trichromacy

#79b5f7 Protanomaly 1% of men, 0.01% of women
#70b6fe Deuteranomaly 6% of men, 0.4% of women
#14c1e2 Tritanomaly 0.01% of the population

#38bbfd hex color

#38bbfd Color Information

#38bbfd Color Conversion

Color Schemes with #38bbfd

Alternatives to #38bbfd

#38bbfd Preview

Shades and Tints of #38bbfd

Tones of #38bbfd

Color Blindness Simulator