#38ccf5 hex color

In a RGB color space, hex #38ccf5 is composed of 22% red, 80% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 16.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 193 degrees, a saturation of 90.4% and a lightness of 59%. #38ccf5 color hex could be obtained by blending #70ffff with #0099eb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 22
- G 80
- B 96
RGB color chart
- C 77
- M 17
- Y 0
- K 4
CMYK color chart

● #38ccf5 color description : Bright cyan.

The hexadecimal color #38ccf5 has RGB values of R:56, G:204, B:245 and CMYK values of C:0.77, M:0.17, Y:0, K:0.04. Its decimal value is 3722485.

Hex triplet	38ccf5	`#38ccf5`
RGB Decimal	56, 204, 245	`rgb(56,204,245)`
RGB Percent	22, 80, 96.1	`rgb(22%,80%,96.1%)`
CMYK	77, 17, 0, 4
HSL	193°, 90.4, 59	`hsl(193,90.4%,59%)`
HSV (or HSB)	193°, 77.1, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.445, -24.714, -31.088
XYZ	39.701, 50.615, 94.059
xyY	0.215, 0.275, 50.615
CIE-LCH	76.445, 39.715, 231.516
CIE-LUV	76.445, -50.634, -46.682
Hunter-Lab	71.145, -24.895, -28.585
Binary	00111000, 11001100, 11110101

#38ccf5
```
#38ccf5 rgb(56,204,245)
```
#f56138
```
#f56138 rgb(245,97,56)
```

Complementary Color

#38f5c0
```
#38f5c0 rgb(56,245,192)
```
#38ccf5
```
#38ccf5 rgb(56,204,245)
```
#386ef5
```
#386ef5 rgb(56,110,245)
```

Analogous Color

#f5c038
```
#f5c038 rgb(245,192,56)
```
#38ccf5
```
#38ccf5 rgb(56,204,245)
```
#f5386e
```
#f5386e rgb(245,56,110)
```

Split Complementary Color

#ccf538
```
#ccf538 rgb(204,245,56)
```
#38ccf5
```
#38ccf5 rgb(56,204,245)
```
#f538cc
```
#f538cc rgb(245,56,204)
```

Triadic Color

#38f561
```
#38f561 rgb(56,245,97)
```
#38ccf5
```
#38ccf5 rgb(56,204,245)
```
#f538cc
```
#f538cc rgb(245,56,204)
```
#f56138
```
#f56138 rgb(245,97,56)
```

Tetradic Color

#0baad6
```
#0baad6 rgb(11,170,214)
```
#0cbdee
```
#0cbdee rgb(12,189,238)
```
#20c6f4
```
#20c6f4 rgb(32,198,244)
```
#38ccf5
```
#38ccf5 rgb(56,204,245)
```
#50d2f6
```
#50d2f6 rgb(80,210,246)
```
#69d8f7
```
#69d8f7 rgb(105,216,247)
```
#81dff9
```
#81dff9 rgb(129,223,249)
```

Monochromatic Color

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

#38f5ef
```
#38f5ef rgb(56,245,239)
```
#38ecf5
```
#38ecf5 rgb(56,236,245)
```
#38dcf5
```
#38dcf5 rgb(56,220,245)
```
#38ccf5
```
#38ccf5 rgb(56,204,245)
```
#38bcf5
```
#38bcf5 rgb(56,188,245)
```
#38adf5
```
#38adf5 rgb(56,173,245)
```
#389df5
```
#389df5 rgb(56,157,245)
```

Similar Colors

Text with hexadecimal color #38ccf5

This text has a font color of #38ccf5.

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

#38ccf5 background color

This paragraph has a background color of #38ccf5.

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

#38ccf5 border color

This element has a border color of #38ccf5.

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

CSS codes

.text {color:#38ccf5;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#011419
```
#011419 rgb(1,20,25)
```
#02232c
```
#02232c rgb(2,35,44)
```
#03323e
```
#03323e rgb(3,50,62)
```
#044051
```
#044051 rgb(4,64,81)
```
#054f64
```
#054f64 rgb(5,79,100)
```
#065e77
```
#065e77 rgb(6,94,119)
```
#076d89
```
#076d89 rgb(7,109,137)
```
#087c9c
```
#087c9c rgb(8,124,156)
```
#098baf
```
#098baf rgb(9,139,175)
```
#0a99c1
```
#0a99c1 rgb(10,153,193)
```
#0ba8d4
```
#0ba8d4 rgb(11,168,212)
```
#0cb7e7
```
#0cb7e7 rgb(12,183,231)
```

Shade Color Variation

#13c2f3
```
#13c2f3 rgb(19,194,243)
```
#25c7f4
```
#25c7f4 rgb(37,199,244)
```
#38ccf5
```
#38ccf5 rgb(56,204,245)
```
#4bd1f6
```
#4bd1f6 rgb(75,209,246)
```
#5dd6f7
```
#5dd6f7 rgb(93,214,247)
```
#70daf8
```
#70daf8 rgb(112,218,248)
```
#83dff9
```
#83dff9 rgb(131,223,249)
```
#95e4fa
```
#95e4fa rgb(149,228,250)
```
#a8e9fb
```
#a8e9fb rgb(168,233,251)
```
#bbeefc
```
#bbeefc rgb(187,238,252)
```
#cdf2fd
```
#cdf2fd rgb(205,242,253)
```
#e0f7fd
```
#e0f7fd rgb(224,247,253)
```
#f3fcfe
```
#f3fcfe rgb(243,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909a9d is the less saturated color, while #30d1fd is the most saturated one.

#909a9d
```
#909a9d rgb(144,154,157)
```
#889ea5
```
#889ea5 rgb(136,158,165)
```
#80a3ad
```
#80a3ad rgb(128,163,173)
```
#78a8b5
```
#78a8b5 rgb(120,168,181)
```
#70acbd
```
#70acbd rgb(112,172,189)
```
#68b1c5
```
#68b1c5 rgb(104,177,197)
```
#60b5cd
```
#60b5cd rgb(96,181,205)
```
#58bad5
```
#58bad5 rgb(88,186,213)
```
#50bedd
```
#50bedd rgb(80,190,221)
```
#48c3e5
```
#48c3e5 rgb(72,195,229)
```
#40c7ed
```
#40c7ed rgb(64,199,237)
```
#38ccf5
```
#38ccf5 rgb(56,204,245)
```
#30d1fd
```
#30d1fd rgb(48,209,253)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8eacb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4beea Protanopia 1% of men
#adbdfc Deuteranopia 1% of men
#25d2e1 Tritanopia 0.001% of the population

Trichromacy

#87c3ee Protanomaly 1% of men, 0.01% of women
#82c2f9 Deuteranomaly 6% of men, 0.4% of women
#2ccfe8 Tritanomaly 0.01% of the population

#38ccf5 hex color

#38ccf5 Color Information

#38ccf5 Color Conversion

Color Schemes with #38ccf5

Alternatives to #38ccf5

#38ccf5 Preview

Shades and Tints of #38ccf5

Tones of #38ccf5

Color Blindness Simulator