#0bd4df hex color

In a RGB color space, hex #0bd4df is composed of 4.3% red, 83.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 4.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 183.1 degrees, a saturation of 90.6% and a lightness of 45.9%. #0bd4df color hex could be obtained by blending #16ffff with #00a9bf. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 4
- G 83
- B 87
RGB color chart
- C 95
- M 5
- Y 0
- K 13
CMYK color chart

● #0bd4df color description : Vivid cyan.

The hexadecimal color #0bd4df has RGB values of R:11, G:212, B:223 and CMYK values of C:0.95, M:0.05, Y:0, K:0.13. Its decimal value is 775391.

Hex triplet	0bd4df	`#0bd4df`
RGB Decimal	11, 212, 223	`rgb(11,212,223)`
RGB Percent	4.3, 83.1, 87.5	`rgb(4.3%,83.1%,87.5%)`
CMYK	95, 5, 0, 13
HSL	183.1°, 90.6, 45.9	`hsl(183.1,90.6%,45.9%)`
HSV (or HSB)	183.1°, 95.1, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	77.568, -38.239, -17.62
XYZ	36.997, 52.482, 77.988
xyY	0.221, 0.313, 52.482
CIE-LCH	77.568, 42.104, 204.74
CIE-LUV	77.568, -58.477, -22.157
Hunter-Lab	72.444, -35.619, -13.116
Binary	00001011, 11010100, 11011111

#0bd4df
```
#0bd4df rgb(11,212,223)
```
#df160b
```
#df160b rgb(223,22,11)
```

Complementary Color

#0bdf80
```
#0bdf80 rgb(11,223,128)
```
#0bd4df
```
#0bd4df rgb(11,212,223)
```
#0b6adf
```
#0b6adf rgb(11,106,223)
```

Analogous Color

#df800b
```
#df800b rgb(223,128,11)
```
#0bd4df
```
#0bd4df rgb(11,212,223)
```
#df0b6a
```
#df0b6a rgb(223,11,106)
```

Split Complementary Color

#d4df0b
```
#d4df0b rgb(212,223,11)
```
#0bd4df
```
#0bd4df rgb(11,212,223)
```
#df0bd4
```
#df0bd4 rgb(223,11,212)
```

Triadic Color

#0bdf16
```
#0bdf16 rgb(11,223,22)
```
#0bd4df
```
#0bd4df rgb(11,212,223)
```
#df0bd4
```
#df0bd4 rgb(223,11,212)
```
#df160b
```
#df160b rgb(223,22,11)
```

Tetradic Color

#078f96
```
#078f96 rgb(7,143,150)
```
#09a6ae
```
#09a6ae rgb(9,166,174)
```
#0abdc7
```
#0abdc7 rgb(10,189,199)
```
#0bd4df
```
#0bd4df rgb(11,212,223)
```
#10e7f3
```
#10e7f3 rgb(16,231,243)
```
#29eaf4
```
#29eaf4 rgb(41,234,244)
```
#41ecf6
```
#41ecf6 rgb(65,236,246)
```

Monochromatic Color

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

#0bdfb5
```
#0bdfb5 rgb(11,223,181)
```
#0bdfc7
```
#0bdfc7 rgb(11,223,199)
```
#0bdfd8
```
#0bdfd8 rgb(11,223,216)
```
#0bd4df
```
#0bd4df rgb(11,212,223)
```
#0bc2df
```
#0bc2df rgb(11,194,223)
```
#0bb1df
```
#0bb1df rgb(11,177,223)
```
#0b9fdf
```
#0b9fdf rgb(11,159,223)
```

Similar Colors

Text with hexadecimal color #0bd4df

This text has a font color of #0bd4df.

<span style="color:#0bd4df;">Text here</span>

#0bd4df background color

This paragraph has a background color of #0bd4df.

<p style="background-color:#0bd4df;">Content here</p>

#0bd4df border color

This element has a border color of #0bd4df.

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

CSS codes

.text {color:#0bd4df;}

.background {background-color:#0bd4df;}

.border {border:1px solid #0bd4df;}

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

#011111
```
#011111 rgb(1,17,17)
```
#022224
```
#022224 rgb(2,34,36)
```
#033437
```
#033437 rgb(3,52,55)
```
#044649
```
#044649 rgb(4,70,73)
```
#05585c
```
#05585c rgb(5,88,92)
```
#05696f
```
#05696f rgb(5,105,111)
```
#067b82
```
#067b82 rgb(6,123,130)
```
#078d94
```
#078d94 rgb(7,141,148)
```
#089fa7
```
#089fa7 rgb(8,159,167)
```
#09b0ba
```
#09b0ba rgb(9,176,186)
```
#0ac2cc
```
#0ac2cc rgb(10,194,204)
```
#0bd4df
```
#0bd4df rgb(11,212,223)
```
#0ce6f2
```
#0ce6f2 rgb(12,230,242)
```

Shade Color Variation

#1de9f4
```
#1de9f4 rgb(29,233,244)
```
#30ebf5
```
#30ebf5 rgb(48,235,245)
```
#43ecf6
```
#43ecf6 rgb(67,236,246)
```
#55eef7
```
#55eef7 rgb(85,238,247)
```
#68f0f8
```
#68f0f8 rgb(104,240,248)
```
#7bf2f8
```
#7bf2f8 rgb(123,242,248)
```
#8ef4f9
```
#8ef4f9 rgb(142,244,249)
```
#a0f6fa
```
#a0f6fa rgb(160,246,250)
```
#b3f7fb
```
#b3f7fb rgb(179,247,251)
```
#c6f9fc
```
#c6f9fc rgb(198,249,252)
```
#d8fbfd
```
#d8fbfd rgb(216,251,253)
```
#ebfdfe
```
#ebfdfe rgb(235,253,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7b7c is the less saturated color, while #02dce8 is the most saturated one.

#6e7b7c
```
#6e7b7c rgb(110,123,124)
```
#658385
```
#658385 rgb(101,131,133)
```
#5c8b8e
```
#5c8b8e rgb(92,139,142)
```
#539397
```
#539397 rgb(83,147,151)
```
#4a9ca0
```
#4a9ca0 rgb(74,156,160)
```
#41a4a9
```
#41a4a9 rgb(65,164,169)
```
#38acb2
```
#38acb2 rgb(56,172,178)
```
#2fb4bb
```
#2fb4bb rgb(47,180,187)
```
#26bcc4
```
#26bcc4 rgb(38,188,196)
```
#1dc4cd
```
#1dc4cd rgb(29,196,205)
```
#14ccd6
```
#14ccd6 rgb(20,204,214)
```
#0bd4df
```
#0bd4df rgb(11,212,223)
```
#02dce8
```
#02dce8 rgb(2,220,232)
```

Tone Color Variation

Below, you can see how #0bd4df 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

#999999 Achromatopsia 0.005% of the population
#7da5a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c1d4 Protanopia 1% of men
#c0bfe9 Deuteranopia 1% of men
#24d5e5 Tritanopia 0.001% of the population

Trichromacy

#7ec8d8 Protanomaly 1% of men, 0.01% of women
#7ec6e5 Deuteranomaly 6% of men, 0.4% of women
#1bd4e2 Tritanomaly 0.01% of the population

#0bd4df hex color

#0bd4df Color Information

#0bd4df Color Conversion

Color Schemes with #0bd4df

Alternatives to #0bd4df

#0bd4df Preview

Shades and Tints of #0bd4df

Tones of #0bd4df

Color Blindness Simulator