colorhexa.com

#04bbed hex color

In a RGB color space, hex #04bbed is composed of 1.6% red, 73.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 21.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 192.9 degrees, a saturation of 96.7% and a lightness of 47.3%. #04bbed color hex could be obtained by blending #08ffff with #0077db. Closest websafe color is: #00ccff.

- R 2
- G 73
- B 93
RGB color chart
- C 98
- M 21
- Y 0
- K 7
CMYK color chart

● #04bbed color description : Vivid cyan.

The hexadecimal color #04bbed has RGB values of R:4, G:187, B:237 and CMYK values of C:0.98, M:0.21, Y:0, K:0.07. Its decimal value is 310253.

Hex triplet	04bbed	`#04bbed`
RGB Decimal	4, 187, 237	`rgb(4,187,237)`
RGB Percent	1.6, 73.3, 92.9	`rgb(1.6%,73.3%,92.9%)`
CMYK	98, 21, 0, 7
HSL	192.9°, 96.7, 47.3	`hsl(192.9,96.7%,47.3%)`
HSV (or HSB)	192.9°, 98.3, 92.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.648, -21.698, -35.779
XYZ	33.102, 41.678, 86.416
xyY	0.205, 0.259, 41.678
CIE-LCH	70.648, 41.844, 238.765
CIE-LUV	70.648, -49.16, -54.661
Hunter-Lab	64.558, -21.45, -34.173
Binary	00000100, 10111011, 11101101

#04bbed
```
#04bbed rgb(4,187,237)
```
#ed3604
```
#ed3604 rgb(237,54,4)
```

Complementary Color

#04edab
```
#04edab rgb(4,237,171)
```
#04bbed
```
#04bbed rgb(4,187,237)
```
#0446ed
```
#0446ed rgb(4,70,237)
```

Analogous Color

#edab04
```
#edab04 rgb(237,171,4)
```
#04bbed
```
#04bbed rgb(4,187,237)
```
#ed0446
```
#ed0446 rgb(237,4,70)
```

Split Complementary Color

#bbed04
```
#bbed04 rgb(187,237,4)
```
#04bbed
```
#04bbed rgb(4,187,237)
```
#ed04bb
```
#ed04bb rgb(237,4,187)
```

Triadic Color

#0380a2
```
#0380a2 rgb(3,128,162)
```
#0393bb
```
#0393bb rgb(3,147,187)
```
#04a7d4
```
#04a7d4 rgb(4,167,212)
```
#04bbed
```
#04bbed rgb(4,187,237)
```
#10c8fb
```
#10c8fb rgb(16,200,251)
```
#29cefb
```
#29cefb rgb(41,206,251)
```
#42d4fc
```
#42d4fc rgb(66,212,252)
```

Monochromatic Color

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

#04ede5
```
#04ede5 rgb(4,237,229)
```
#04e2ed
```
#04e2ed rgb(4,226,237)
```
#04ceed
```
#04ceed rgb(4,206,237)
```
#04bbed
```
#04bbed rgb(4,187,237)
```
#04a8ed
```
#04a8ed rgb(4,168,237)
```
#0494ed
```
#0494ed rgb(4,148,237)
```
#0481ed
```
#0481ed rgb(4,129,237)
```

Similar Colors

Text with hexadecimal color #04bbed

This text has a font color of #04bbed.

<span style="color:#04bbed;">Text here</span>

#04bbed background color

This paragraph has a background color of #04bbed.

<p style="background-color:#04bbed;">Content here</p>

#04bbed border color

This element has a border color of #04bbed.

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

CSS codes

.text {color:#04bbed;}

.background {background-color:#04bbed;}

.border {border:1px solid #04bbed;}

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

#000406
```
#000406 rgb(0,4,6)
```
#001419
```
#001419 rgb(0,20,25)
```
#01232c
```
#01232c rgb(1,35,44)
```
#01323f
```
#01323f rgb(1,50,63)
```
#014153
```
#014153 rgb(1,65,83)
```
#025066
```
#025066 rgb(2,80,102)
```
#026079
```
#026079 rgb(2,96,121)
```
#026f8d
```
#026f8d rgb(2,111,141)
```
#037ea0
```
#037ea0 rgb(3,126,160)
```
#038db3
```
#038db3 rgb(3,141,179)
```
#039dc6
```
#039dc6 rgb(3,157,198)
```
#04acda
```
#04acda rgb(4,172,218)
```
#04bbed
```
#04bbed rgb(4,187,237)
```

Shade Color Variation

#0ac7fb
```
#0ac7fb rgb(10,199,251)
```
#1dccfb
```
#1dccfb rgb(29,204,251)
```
#30d0fc
```
#30d0fc rgb(48,208,252)
```
#44d4fc
```
#44d4fc rgb(68,212,252)
```
#57d9fc
```
#57d9fc rgb(87,217,252)
```
#6addfc
```
#6addfc rgb(106,221,252)
```
#7de1fd
```
#7de1fd rgb(125,225,253)
```
#91e6fd
```
#91e6fd rgb(145,230,253)
```
#a4eafd
```
#a4eafd rgb(164,234,253)
```
#b7effe
```
#b7effe rgb(183,239,254)
```
#cbf3fe
```
#cbf3fe rgb(203,243,254)
```
#def7fe
```
#def7fe rgb(222,247,254)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737c7e is the less saturated color, while #04bbed is the most saturated one.

#737c7e
```
#737c7e rgb(115,124,126)
```
#6a8187
```
#6a8187 rgb(106,129,135)
```
#618690
```
#618690 rgb(97,134,144)
```
#578b9a
```
#578b9a rgb(87,139,154)
```
#4e91a3
```
#4e91a3 rgb(78,145,163)
```
#4596ac
```
#4596ac rgb(69,150,172)
```
#3c9bb5
```
#3c9bb5 rgb(60,155,181)
```
#32a1bf
```
#32a1bf rgb(50,161,191)
```
#29a6c8
```
#29a6c8 rgb(41,166,200)
```
#20abd1
```
#20abd1 rgb(32,171,209)
```
#17b0da
```
#17b0da rgb(23,176,218)
```
#0db6e4
```
#0db6e4 rgb(13,182,228)
```
#04bbed
```
#04bbed rgb(4,187,237)
```

Tone Color Variation

Below, you can see how #04bbed 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

#8a8a8a Achromatopsia 0.005% of the population
#6f949e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1afe3 Protanopia 1% of men
#96aff4 Deuteranopia 1% of men
#00c2cf Tritanopia 0.001% of the population

Trichromacy

#68b3e6 Protanomaly 1% of men, 0.01% of women
#61b3f1 Deuteranomaly 6% of men, 0.4% of women
#01bfda Tritanomaly 0.01% of the population