#38b2fc hex color

In a RGB color space, hex #38b2fc is composed of 22% red, 69.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 29.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 202.7 degrees, a saturation of 97% and a lightness of 60.4%. #38b2fc color hex could be obtained by blending #70ffff with #0065f9. Closest websafe color is: #3399ff.

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

● #38b2fc color description : Bright blue.

The hexadecimal color #38b2fc has RGB values of R:56, G:178, B:252 and CMYK values of C:0.78, M:0.29, Y:0, K:0.01. Its decimal value is 3715836.

Hex triplet	38b2fc	`#38b2fc`
RGB Decimal	56, 178, 252	`rgb(56,178,252)`
RGB Percent	22, 69.8, 98.8	`rgb(22%,69.8%,98.8%)`
CMYK	78, 29, 0, 1
HSL	202.7°, 97, 60.4	`hsl(202.7,97%,60.4%)`
HSV (or HSB)	202.7°, 77.8, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	69.26, -8.717, -46.038
XYZ	35.118, 39.707, 97.903
xyY	0.203, 0.23, 39.707
CIE-LCH	69.26, 46.856, 259.278
CIE-LUV	69.26, -41.315, -73.617
Hunter-Lab	63.013, -10.794, -48.009
Binary	00111000, 10110010, 11111100

#38b2fc
```
#38b2fc rgb(56,178,252)
```
#fc8238
```
#fc8238 rgb(252,130,56)
```

Complementary Color

#38fce4
```
#38fce4 rgb(56,252,228)
```
#38b2fc
```
#38b2fc rgb(56,178,252)
```
#3850fc
```
#3850fc rgb(56,80,252)
```

Analogous Color

#fce438
```
#fce438 rgb(252,228,56)
```
#38b2fc
```
#38b2fc rgb(56,178,252)
```
#fc3850
```
#fc3850 rgb(252,56,80)
```

Split Complementary Color

#b2fc38
```
#b2fc38 rgb(178,252,56)
```
#38b2fc
```
#38b2fc rgb(56,178,252)
```
#fc38b2
```
#fc38b2 rgb(252,56,178)
```

Triadic Color

#38fc82
```
#38fc82 rgb(56,252,130)
```
#38b2fc
```
#38b2fc rgb(56,178,252)
```
#fc38b2
```
#fc38b2 rgb(252,56,178)
```
#fc8238
```
#fc8238 rgb(252,130,56)
```

Tetradic Color

#038fe4
```
#038fe4 rgb(3,143,228)
```
#069ffb
```
#069ffb rgb(6,159,251)
```
#1fa8fc
```
#1fa8fc rgb(31,168,252)
```
#38b2fc
```
#38b2fc rgb(56,178,252)
```
#51bcfc
```
#51bcfc rgb(81,188,252)
```
#6ac5fd
```
#6ac5fd rgb(106,197,253)
```
#83cffd
```
#83cffd rgb(131,207,253)
```

Monochromatic Color

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

#38e3fc
```
#38e3fc rgb(56,227,252)
```
#38d3fc
```
#38d3fc rgb(56,211,252)
```
#38c2fc
```
#38c2fc rgb(56,194,252)
```
#38b2fc
```
#38b2fc rgb(56,178,252)
```
#38a2fc
```
#38a2fc rgb(56,162,252)
```
#3891fc
```
#3891fc rgb(56,145,252)
```
#3881fc
```
#3881fc rgb(56,129,252)
```

Similar Colors

Text with hexadecimal color #38b2fc

This text has a font color of #38b2fc.

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

#38b2fc background color

This paragraph has a background color of #38b2fc.

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

#38b2fc border color

This element has a border color of #38b2fc.

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

CSS codes

.text {color:#38b2fc;}

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

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

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

#00090e
```
#00090e rgb(0,9,14)
```
#001521
```
#001521 rgb(0,21,33)
```
#012134
```
#012134 rgb(1,33,52)
```
#012d48
```
#012d48 rgb(1,45,72)
```
#01395b
```
#01395b rgb(1,57,91)
```
#02456e
```
#02456e rgb(2,69,110)
```
#025182
```
#025182 rgb(2,81,130)
```
#025d95
```
#025d95 rgb(2,93,149)
```
#036aa8
```
#036aa8 rgb(3,106,168)
```
#0376bb
```
#0376bb rgb(3,118,187)
```
#0382cf
```
#0382cf rgb(3,130,207)
```
#038ee2
```
#038ee2 rgb(3,142,226)
```
#049af5
```
#049af5 rgb(4,154,245)
```

Shade Color Variation

#11a3fb
```
#11a3fb rgb(17,163,251)
```
#25abfc
```
#25abfc rgb(37,171,252)
```
#38b2fc
```
#38b2fc rgb(56,178,252)
```
#4bb9fc
```
#4bb9fc rgb(75,185,252)
```
#5fc1fd
```
#5fc1fd rgb(95,193,253)
```
#72c8fd
```
#72c8fd rgb(114,200,253)
```
#85d0fd
```
#85d0fd rgb(133,208,253)
```
#99d7fd
```
#99d7fd rgb(153,215,253)
```
#acdffe
```
#acdffe rgb(172,223,254)
```
#bfe6fe
```
#bfe6fe rgb(191,230,254)
```
#d3eefe
```
#d3eefe rgb(211,238,254)
```
#e6f5ff
```
#e6f5ff rgb(230,245,255)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#959b9f
```
#959b9f rgb(149,155,159)
```
#8d9da7
```
#8d9da7 rgb(141,157,167)
```
#869fae
```
#869fae rgb(134,159,174)
```
#7ea1b6
```
#7ea1b6 rgb(126,161,182)
```
#76a3be
```
#76a3be rgb(118,163,190)
```
#6ea5c6
```
#6ea5c6 rgb(110,165,198)
```
#67a7cd
```
#67a7cd rgb(103,167,205)
```
#5fa8d5
```
#5fa8d5 rgb(95,168,213)
```
#57aadd
```
#57aadd rgb(87,170,221)
```
#4face5
```
#4face5 rgb(79,172,229)
```
#48aeec
```
#48aeec rgb(72,174,236)
```
#40b0f4
```
#40b0f4 rgb(64,176,244)
```
#38b2fc
```
#38b2fc rgb(56,178,252)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#839caa Atypical Achromatopsia 0.001% of the population

Dichromacy

#93abf4 Protanopia 1% of men
#81adff Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#72adf6 Protanomaly 1% of men, 0.01% of women
#66aefd Deuteranomaly 6% of men, 0.4% of women
#14b9dd Tritanomaly 0.01% of the population

#38b2fc hex color

#38b2fc Color Information

#38b2fc Color Conversion

Color Schemes with #38b2fc

Alternatives to #38b2fc

#38b2fc Preview

Shades and Tints of #38b2fc

Tones of #38b2fc

Color Blindness Simulator