colorhexa.com

#1bd5f2 hex color

In a RGB color space, hex #1bd5f2 is composed of 10.6% red, 83.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 12% magenta, 0% yellow and 5.1% black. It has a hue angle of 188.1 degrees, a saturation of 89.2% and a lightness of 52.7%. #1bd5f2 color hex could be obtained by blending #36ffff with #00abe5. Closest websafe color is: #33ccff.

- R 11
- G 84
- B 95
RGB color chart
- C 89
- M 12
- Y 0
- K 5
CMYK color chart

● #1bd5f2 color description : Vivid cyan.

The hexadecimal color #1bd5f2 has RGB values of R:27, G:213, B:242 and CMYK values of C:0.89, M:0.12, Y:0, K:0.05. Its decimal value is 1824242.

Hex triplet	1bd5f2	`#1bd5f2`
RGB Decimal	27, 213, 242	`rgb(27,213,242)`
RGB Percent	10.6, 83.5, 94.9	`rgb(10.6%,83.5%,94.9%)`
CMYK	89, 12, 0, 5
HSL	188.1°, 89.2, 52.7	`hsl(188.1,89.2%,52.7%)`
HSV (or HSB)	188.1°, 88.8, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.595, -32.204, -26.219
XYZ	40.269, 54.228, 92.344
xyY	0.216, 0.29, 54.228
CIE-LCH	78.595, 41.527, 219.15
CIE-LUV	78.595, -56.591, -37.504
Hunter-Lab	73.64, -31.26, -22.802
Binary	00011011, 11010101, 11110010

#1bd5f2
```
#1bd5f2 rgb(27,213,242)
```
#f2381b
```
#f2381b rgb(242,56,27)
```

Complementary Color

#1bf2a4
```
#1bf2a4 rgb(27,242,164)
```
#1bd5f2
```
#1bd5f2 rgb(27,213,242)
```
#1b6af2
```
#1b6af2 rgb(27,106,242)
```

Analogous Color

#f2a41b
```
#f2a41b rgb(242,164,27)
```
#1bd5f2
```
#1bd5f2 rgb(27,213,242)
```
#f21b6a
```
#f21b6a rgb(242,27,106)
```

Split Complementary Color

#d5f21b
```
#d5f21b rgb(213,242,27)
```
#1bd5f2
```
#1bd5f2 rgb(27,213,242)
```
#f21bd5
```
#f21bd5 rgb(242,27,213)
```

Triadic Color

#1bf238
```
#1bf238 rgb(27,242,56)
```
#1bd5f2
```
#1bd5f2 rgb(27,213,242)
```
#f21bd5
```
#f21bd5 rgb(242,27,213)
```
#f2381b
```
#f2381b rgb(242,56,27)
```

Tetradic Color

#0a9fb6
```
#0a9fb6 rgb(10,159,182)
```
#0cb4ce
```
#0cb4ce rgb(12,180,206)
```
#0dc9e6
```
#0dc9e6 rgb(13,201,230)
```
#1bd5f2
```
#1bd5f2 rgb(27,213,242)
```
#33d9f3
```
#33d9f3 rgb(51,217,243)
```
#4bdef5
```
#4bdef5 rgb(75,222,245)
```
#63e2f6
```
#63e2f6 rgb(99,226,246)
```

Monochromatic Color

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

#1bf2d9
```
#1bf2d9 rgb(27,242,217)
```
#1bf2eb
```
#1bf2eb rgb(27,242,235)
```
#1be7f2
```
#1be7f2 rgb(27,231,242)
```
#1bd5f2
```
#1bd5f2 rgb(27,213,242)
```
#1bc3f2
```
#1bc3f2 rgb(27,195,242)
```
#1bb1f2
```
#1bb1f2 rgb(27,177,242)
```
#1b9ff2
```
#1b9ff2 rgb(27,159,242)
```

Similar Colors

Text with hexadecimal color #1bd5f2

This text has a font color of #1bd5f2.

<span style="color:#1bd5f2;">Text here</span>

#1bd5f2 background color

This paragraph has a background color of #1bd5f2.

<p style="background-color:#1bd5f2;">Content here</p>

#1bd5f2 border color

This element has a border color of #1bd5f2.

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

CSS codes

.text {color:#1bd5f2;}

.background {background-color:#1bd5f2;}

.border {border:1px solid #1bd5f2;}

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, #010c0d is the darkest color, while #fafeff is the lightest one.

#010c0d
```
#010c0d rgb(1,12,13)
```
#021c20
```
#021c20 rgb(2,28,32)
```
#032c32
```
#032c32 rgb(3,44,50)
```
#043c45
```
#043c45 rgb(4,60,69)
```
#054c57
```
#054c57 rgb(5,76,87)
```
#065d6a
```
#065d6a rgb(6,93,106)
```
#076d7d
```
#076d7d rgb(7,109,125)
```
#087d8f
```
#087d8f rgb(8,125,143)
```
#098da2
```
#098da2 rgb(9,141,162)
```
#0a9db4
```
#0a9db4 rgb(10,157,180)
```
#0baec7
```
#0baec7 rgb(11,174,199)
```
#0cbed9
```
#0cbed9 rgb(12,190,217)
```
#0dceec
```
#0dceec rgb(13,206,236)
```

Shade Color Variation

#1bd5f2
```
#1bd5f2 rgb(27,213,242)
```
#2ed8f3
```
#2ed8f3 rgb(46,216,243)
```
#40dcf4
```
#40dcf4 rgb(64,220,244)
```
#53dff5
```
#53dff5 rgb(83,223,245)
```
#65e3f6
```
#65e3f6 rgb(101,227,246)
```
#78e6f7
```
#78e6f7 rgb(120,230,247)
```
#8aeaf8
```
#8aeaf8 rgb(138,234,248)
```
#9dedf9
```
#9dedf9 rgb(157,237,249)
```
#aff0fa
```
#aff0fa rgb(175,240,250)
```
#c2f4fc
```
#c2f4fc rgb(194,244,252)
```
#d5f7fd
```
#d5f7fd rgb(213,247,253)
```
#e7fbfe
```
#e7fbfe rgb(231,251,254)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818b8c is the less saturated color, while #12dcfb is the most saturated one.

#818b8c
```
#818b8c rgb(129,139,140)
```
#789195
```
#789195 rgb(120,145,149)
```
#6e989f
```
#6e989f rgb(110,152,159)
```
#659fa8
```
#659fa8 rgb(101,159,168)
```
#5ca6b1
```
#5ca6b1 rgb(92,166,177)
```
#53acba
```
#53acba rgb(83,172,186)
```
#49b3c4
```
#49b3c4 rgb(73,179,196)
```
#40bacd
```
#40bacd rgb(64,186,205)
```
#37c1d6
```
#37c1d6 rgb(55,193,214)
```
#2ec7df
```
#2ec7df rgb(46,199,223)
```
#24cee9
```
#24cee9 rgb(36,206,233)
```
#1bd5f2
```
#1bd5f2 rgb(27,213,242)
```
#12dcfb
```
#12dcfb rgb(18,220,251)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#86abb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec4e6 Protanopia 1% of men
#b9c2fa Deuteranopia 1% of men
#00d8e8 Tritanopia 0.001% of the population

Trichromacy

#82caea Protanomaly 1% of men, 0.01% of women
#80c9f7 Deuteranomaly 6% of men, 0.4% of women
#09d7ec Tritanomaly 0.01% of the population