#0bddff hex color

In a RGB color space, hex #0bddff is composed of 4.3% red, 86.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.7% cyan, 13.3% magenta, 0% yellow and 0% black. It has a hue angle of 188.4 degrees, a saturation of 100% and a lightness of 52.2%. #0bddff color hex could be obtained by blending #16ffff with #00bbff. Closest websafe color is: #00ccff.

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

● #0bddff color description : Vivid cyan.

The hexadecimal color #0bddff has RGB values of R:11, G:221, B:255 and CMYK values of C:0.96, M:0.13, Y:0, K:0. Its decimal value is 777727.

Hex triplet	0bddff	`#0bddff`
RGB Decimal	11, 221, 255	`rgb(11,221,255)`
RGB Percent	4.3, 86.7, 100	`rgb(4.3%,86.7%,100%)`
CMYK	96, 13, 0, 0
HSL	188.4°, 100, 52.2	`hsl(188.4,100%,52.2%)`
HSV (or HSB)	188.4°, 95.7, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	81.291, -32.455, -29.012
XYZ	44.039, 59, 103.669
xyY	0.213, 0.285, 59
CIE-LCH	81.291, 43.531, 221.794
CIE-LUV	81.291, -58.95, -42.406
Hunter-Lab	76.811, -32.077, -26.254
Binary	00001011, 11011101, 11111111

#0bddff
```
#0bddff rgb(11,221,255)
```
#ff2d0b
```
#ff2d0b rgb(255,45,11)
```

Complementary Color

#0bffa7
```
#0bffa7 rgb(11,255,167)
```
#0bddff
```
#0bddff rgb(11,221,255)
```
#0b63ff
```
#0b63ff rgb(11,99,255)
```

Analogous Color

#ffa70b
```
#ffa70b rgb(255,167,11)
```
#0bddff
```
#0bddff rgb(11,221,255)
```
#ff0b63
```
#ff0b63 rgb(255,11,99)
```

Split Complementary Color

#ddff0b
```
#ddff0b rgb(221,255,11)
```
#0bddff
```
#0bddff rgb(11,221,255)
```
#ff0bdd
```
#ff0bdd rgb(255,11,221)
```

Triadic Color

#0bff2d
```
#0bff2d rgb(11,255,45)
```
#0bddff
```
#0bddff rgb(11,221,255)
```
#ff0bdd
```
#ff0bdd rgb(255,11,221)
```
#ff2d0b
```
#ff2d0b rgb(255,45,11)
```

Tetradic Color

#00a3be
```
#00a3be rgb(0,163,190)
```
#00b9d7
```
#00b9d7 rgb(0,185,215)
```
#00cff1
```
#00cff1 rgb(0,207,241)
```
#0bddff
```
#0bddff rgb(11,221,255)
```
#25e1ff
```
#25e1ff rgb(37,225,255)
```
#3ee4ff
```
#3ee4ff rgb(62,228,255)
```
#58e8ff
```
#58e8ff rgb(88,232,255)
```

Monochromatic Color

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

#0bffe4
```
#0bffe4 rgb(11,255,228)
```
#0bfff8
```
#0bfff8 rgb(11,255,248)
```
#0bf1ff
```
#0bf1ff rgb(11,241,255)
```
#0bddff
```
#0bddff rgb(11,221,255)
```
#0bc9ff
```
#0bc9ff rgb(11,201,255)
```
#0bb4ff
```
#0bb4ff rgb(11,180,255)
```
#0ba0ff
```
#0ba0ff rgb(11,160,255)
```

Similar Colors

Text with hexadecimal color #0bddff

This text has a font color of #0bddff.

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

#0bddff background color

This paragraph has a background color of #0bddff.

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

#0bddff border color

This element has a border color of #0bddff.

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

CSS codes

.text {color:#0bddff;}

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

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

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

#00090b
```
#00090b rgb(0,9,11)
```
#001a1f
```
#001a1f rgb(0,26,31)
```
#002b32
```
#002b32 rgb(0,43,50)
```
#003c46
```
#003c46 rgb(0,60,70)
```
#004d59
```
#004d59 rgb(0,77,89)
```
#005e6d
```
#005e6d rgb(0,94,109)
```
#006f81
```
#006f81 rgb(0,111,129)
```
#008094
```
#008094 rgb(0,128,148)
```
#0091a8
```
#0091a8 rgb(0,145,168)
```
#00a1bc
```
#00a1bc rgb(0,161,188)
```
#00b2cf
```
#00b2cf rgb(0,178,207)
```
#00c3e3
```
#00c3e3 rgb(0,195,227)
```
#00d4f6
```
#00d4f6 rgb(0,212,246)
```

Shade Color Variation

#0bddff
```
#0bddff rgb(11,221,255)
```
#1fe0ff
```
#1fe0ff rgb(31,224,255)
```
#32e2ff
```
#32e2ff rgb(50,226,255)
```
#46e5ff
```
#46e5ff rgb(70,229,255)
```
#59e8ff
```
#59e8ff rgb(89,232,255)
```
#6debff
```
#6debff rgb(109,235,255)
```
#81edff
```
#81edff rgb(129,237,255)
```
#94f0ff
```
#94f0ff rgb(148,240,255)
```
#a8f3ff
```
#a8f3ff rgb(168,243,255)
```
#bcf6ff
```
#bcf6ff rgb(188,246,255)
```
#cff8ff
```
#cff8ff rgb(207,248,255)
```
#e3fbff
```
#e3fbff rgb(227,251,255)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8c8e is the less saturated color, while #0bddff is the most saturated one.

#7c8c8e
```
#7c8c8e rgb(124,140,142)
```
#729398
```
#729398 rgb(114,147,152)
```
#6999a1
```
#6999a1 rgb(105,153,161)
```
#5fa0ab
```
#5fa0ab rgb(95,160,171)
```
#56a7b4
```
#56a7b4 rgb(86,167,180)
```
#4daebd
```
#4daebd rgb(77,174,189)
```
#43b4c7
```
#43b4c7 rgb(67,180,199)
```
#3abbd0
```
#3abbd0 rgb(58,187,208)
```
#31c2d9
```
#31c2d9 rgb(49,194,217)
```
#27c9e3
```
#27c9e3 rgb(39,201,227)
```
#1ecfec
```
#1ecfec rgb(30,207,236)
```
#14d6f6
```
#14d6f6 rgb(20,214,246)
```
#0bddff
```
#0bddff rgb(11,221,255)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#84aeb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3caf2 Protanopia 1% of men
#c0caff Deuteranopia 1% of men
#00e0f0 Tritanopia 0.001% of the population

Trichromacy

#80d1f7 Protanomaly 1% of men, 0.01% of women
#7ed1ff Deuteranomaly 6% of men, 0.4% of women
#04dff5 Tritanomaly 0.01% of the population

#0bddff hex color

#0bddff Color Information

#0bddff Color Conversion

Color Schemes with #0bddff

Alternatives to #0bddff

#0bddff Preview

Shades and Tints of #0bddff

Tones of #0bddff

Color Blindness Simulator