#38bde4 hex color

In a RGB color space, hex #38bde4 is composed of 22% red, 74.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 17.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 193.6 degrees, a saturation of 76.1% and a lightness of 55.7%. #38bde4 color hex could be obtained by blending #70ffff with #007bc9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 22
- G 74
- B 89
RGB color chart
- C 75
- M 17
- Y 0
- K 11
CMYK color chart

● #38bde4 color description : Bright cyan.

The hexadecimal color #38bde4 has RGB values of R:56, G:189, B:228 and CMYK values of C:0.75, M:0.17, Y:0, K:0.11. Its decimal value is 3718628.

Hex triplet	38bde4	`#38bde4`
RGB Decimal	56, 189, 228	`rgb(56,189,228)`
RGB Percent	22, 74.1, 89.4	`rgb(22%,74.1%,89.4%)`
CMYK	75, 17, 0, 11
HSL	193.6°, 76.1, 55.7	`hsl(193.6,76.1%,55.7%)`
HSV (or HSB)	193.6°, 75.4, 89.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.442, -22.569, -29.617
XYZ	33.828, 42.834, 79.88
xyY	0.216, 0.274, 42.834
CIE-LCH	71.442, 37.236, 232.692
CIE-LUV	71.442, -46.544, -44.085
Hunter-Lab	65.448, -22.272, -26.55
Binary	00111000, 10111101, 11100100

#38bde4
```
#38bde4 rgb(56,189,228)
```
#e45f38
```
#e45f38 rgb(228,95,56)
```

Complementary Color

#38e4b5
```
#38e4b5 rgb(56,228,181)
```
#38bde4
```
#38bde4 rgb(56,189,228)
```
#3867e4
```
#3867e4 rgb(56,103,228)
```

Analogous Color

#e4b538
```
#e4b538 rgb(228,181,56)
```
#38bde4
```
#38bde4 rgb(56,189,228)
```
#e43867
```
#e43867 rgb(228,56,103)
```

Split Complementary Color

#bde438
```
#bde438 rgb(189,228,56)
```
#38bde4
```
#38bde4 rgb(56,189,228)
```
#e438bd
```
#e438bd rgb(228,56,189)
```

Triadic Color

#38e45f
```
#38e45f rgb(56,228,95)
```
#38bde4
```
#38bde4 rgb(56,189,228)
```
#e438bd
```
#e438bd rgb(228,56,189)
```
#e45f38
```
#e45f38 rgb(228,95,56)
```

Tetradic Color

#1993b7
```
#1993b7 rgb(25,147,183)
```
#1ca5cd
```
#1ca5cd rgb(28,165,205)
```
#22b6e1
```
#22b6e1 rgb(34,182,225)
```
#38bde4
```
#38bde4 rgb(56,189,228)
```
#4ec4e7
```
#4ec4e7 rgb(78,196,231)
```
#65ccea
```
#65ccea rgb(101,204,234)
```
#7bd3ed
```
#7bd3ed rgb(123,211,237)
```

Monochromatic Color

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

#38e4e0
```
#38e4e0 rgb(56,228,224)
```
#38dae4
```
#38dae4 rgb(56,218,228)
```
#38cbe4
```
#38cbe4 rgb(56,203,228)
```
#38bde4
```
#38bde4 rgb(56,189,228)
```
#38afe4
```
#38afe4 rgb(56,175,228)
```
#38a0e4
```
#38a0e4 rgb(56,160,228)
```
#3892e4
```
#3892e4 rgb(56,146,228)
```

Similar Colors

Text with hexadecimal color #38bde4

This text has a font color of #38bde4.

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

#38bde4 background color

This paragraph has a background color of #38bde4.

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

#38bde4 border color

This element has a border color of #38bde4.

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

CSS codes

.text {color:#38bde4;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#03151a
```
#03151a rgb(3,21,26)
```
#06222b
```
#06222b rgb(6,34,43)
```
#08303c
```
#08303c rgb(8,48,60)
```
#0a3e4d
```
#0a3e4d rgb(10,62,77)
```
#0d4c5f
```
#0d4c5f rgb(13,76,95)
```
#0f5a70
```
#0f5a70 rgb(15,90,112)
```
#126881
```
#126881 rgb(18,104,129)
```
#147692
```
#147692 rgb(20,118,146)
```
#1684a4
```
#1684a4 rgb(22,132,164)
```
#1992b5
```
#1992b5 rgb(25,146,181)
```
#1b9fc6
```
#1b9fc6 rgb(27,159,198)
```
#1dadd8
```
#1dadd8 rgb(29,173,216)
```

Shade Color Variation

#27b7e2
```
#27b7e2 rgb(39,183,226)
```
#38bde4
```
#38bde4 rgb(56,189,228)
```
#49c3e6
```
#49c3e6 rgb(73,195,230)
```
#5bc8e9
```
#5bc8e9 rgb(91,200,233)
```
#6cceeb
```
#6cceeb rgb(108,206,235)
```
#7dd4ed
```
#7dd4ed rgb(125,212,237)
```
#8edaf0
```
#8edaf0 rgb(142,218,240)
```
#a0dff2
```
#a0dff2 rgb(160,223,242)
```
#b1e5f4
```
#b1e5f4 rgb(177,229,244)
```
#c2ebf7
```
#c2ebf7 rgb(194,235,247)
```
#d3f1f9
```
#d3f1f9 rgb(211,241,249)
```
#e5f6fb
```
#e5f6fb rgb(229,246,251)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

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

#869296
```
#869296 rgb(134,146,150)
```
#7e979e
```
#7e979e rgb(126,151,158)
```
#759ca7
```
#759ca7 rgb(117,156,167)
```
#6ca0b0
```
#6ca0b0 rgb(108,160,176)
```
#63a5b9
```
#63a5b9 rgb(99,165,185)
```
#5baac1
```
#5baac1 rgb(91,170,193)
```
#52afca
```
#52afca rgb(82,175,202)
```
#49b3d3
```
#49b3d3 rgb(73,179,211)
```
#41b8db
```
#41b8db rgb(65,184,219)
```
#38bde4
```
#38bde4 rgb(56,189,228)
```
#2fc2ed
```
#2fc2ed rgb(47,194,237)
```
#27c7f5
```
#27c7f5 rgb(39,199,245)
```
#1ecbfe
```
#1ecbfe rgb(30,203,254)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#86a1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b1db Protanopia 1% of men
#a1b0eb Deuteranopia 1% of men
#2ac3d2 Tritanopia 0.001% of the population

Trichromacy

#7fb5de Protanomaly 1% of men, 0.01% of women
#7bb5e8 Deuteranomaly 6% of men, 0.4% of women
#2fc1d8 Tritanomaly 0.01% of the population

#38bde4 hex color

#38bde4 Color Information

#38bde4 Color Conversion

Color Schemes with #38bde4

Alternatives to #38bde4

#38bde4 Preview

Shades and Tints of #38bde4

Tones of #38bde4

Color Blindness Simulator