#0299b2 hex color

In a RGB color space, hex #0299b2 is composed of 0.8% red, 60% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 14% magenta, 0% yellow and 30.2% black. It has a hue angle of 188.5 degrees, a saturation of 97.8% and a lightness of 35.3%. #0299b2 color hex could be obtained by blending #04ffff with #003365. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 60
- B 70
RGB color chart
- C 99
- M 14
- Y 0
- K 30
CMYK color chart

● #0299b2 color description : Dark cyan.

The hexadecimal color #0299b2 has RGB values of R:2, G:153, B:178 and CMYK values of C:0.99, M:0.14, Y:0, K:0.3. Its decimal value is 170418.

Hex triplet	0299b2	`#0299b2`
RGB Decimal	2, 153, 178	`rgb(2,153,178)`
RGB Percent	0.8, 60, 69.8	`rgb(0.8%,60%,69.8%)`
CMYK	99, 14, 0, 30
HSL	188.5°, 97.8, 35.3	`hsl(188.5,97.8%,35.3%)`
HSV (or HSB)	188.5°, 98.9, 69.8
Web Safe	009999	`#009999`

CIE-LAB	58.044, -24.514, -22.53
XYZ	19.45, 26.008, 46.112
xyY	0.212, 0.284, 26.008
CIE-LCH	58.044, 33.294, 222.585
CIE-LUV	58.044, -42.139, -31.032
Hunter-Lab	50.998, -21.169, -17.911
Binary	00000010, 10011001, 10110010

#0299b2
```
#0299b2 rgb(2,153,178)
```
#b21b02
```
#b21b02 rgb(178,27,2)
```

Complementary Color

#02b273
```
#02b273 rgb(2,178,115)
```
#0299b2
```
#0299b2 rgb(2,153,178)
```
#0241b2
```
#0241b2 rgb(2,65,178)
```

Analogous Color

#b27302
```
#b27302 rgb(178,115,2)
```
#0299b2
```
#0299b2 rgb(2,153,178)
```
#b20241
```
#b20241 rgb(178,2,65)
```

Split Complementary Color

#99b202
```
#99b202 rgb(153,178,2)
```
#0299b2
```
#0299b2 rgb(2,153,178)
```
#b20299
```
#b20299 rgb(178,2,153)
```

Triadic Color

#02b21b
```
#02b21b rgb(2,178,27)
```
#0299b2
```
#0299b2 rgb(2,153,178)
```
#b20299
```
#b20299 rgb(178,2,153)
```
#b21b02
```
#b21b02 rgb(178,27,2)
```

Tetradic Color

#015866
```
#015866 rgb(1,88,102)
```
#016e80
```
#016e80 rgb(1,110,128)
```
#028399
```
#028399 rgb(2,131,153)
```
#0299b2
```
#0299b2 rgb(2,153,178)
```
#02afcb
```
#02afcb rgb(2,175,203)
```
#03c4e4
```
#03c4e4 rgb(3,196,228)
```
#04d9fc
```
#04d9fc rgb(4,217,252)
```

Monochromatic Color

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

#02b29f
```
#02b29f rgb(2,178,159)
```
#02b2ae
```
#02b2ae rgb(2,178,174)
```
#02a8b2
```
#02a8b2 rgb(2,168,178)
```
#0299b2
```
#0299b2 rgb(2,153,178)
```
#028ab2
```
#028ab2 rgb(2,138,178)
```
#027cb2
```
#027cb2 rgb(2,124,178)
```
#026db2
```
#026db2 rgb(2,109,178)
```

Similar Colors

Text with hexadecimal color #0299b2

This text has a font color of #0299b2.

<span style="color:#0299b2;">Text here</span>

#0299b2 background color

This paragraph has a background color of #0299b2.

<p style="background-color:#0299b2;">Content here</p>

#0299b2 border color

This element has a border color of #0299b2.

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

CSS codes

.text {color:#0299b2;}

.background {background-color:#0299b2;}

.border {border:1px solid #0299b2;}

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

#000303
```
#000303 rgb(0,3,3)
```
#001417
```
#001417 rgb(0,20,23)
```
#00242a
```
#00242a rgb(0,36,42)
```
#01353e
```
#01353e rgb(1,53,62)
```
#014651
```
#014651 rgb(1,70,81)
```
#015664
```
#015664 rgb(1,86,100)
```
#016778
```
#016778 rgb(1,103,120)
```
#02788b
```
#02788b rgb(2,120,139)
```
#02889f
```
#02889f rgb(2,136,159)
```
#0299b2
```
#0299b2 rgb(2,153,178)
```
#02aac5
```
#02aac5 rgb(2,170,197)
```
#02bad9
```
#02bad9 rgb(2,186,217)
```
#03cbec
```
#03cbec rgb(3,203,236)
```

Shade Color Variation

#06d9fc
```
#06d9fc rgb(6,217,252)
```
#1adcfc
```
#1adcfc rgb(26,220,252)
```
#2ddffd
```
#2ddffd rgb(45,223,253)
```
#40e2fd
```
#40e2fd rgb(64,226,253)
```
#54e5fd
```
#54e5fd rgb(84,229,253)
```
#67e8fd
```
#67e8fd rgb(103,232,253)
```
#7bebfe
```
#7bebfe rgb(123,235,254)
```
#8eeefe
```
#8eeefe rgb(142,238,254)
```
#a1f1fe
```
#a1f1fe rgb(161,241,254)
```
#b5f4fe
```
#b5f4fe rgb(181,244,254)
```
#c8f7fe
```
#c8f7fe rgb(200,247,254)
```
#dcfaff
```
#dcfaff rgb(220,250,255)
```
#effdff
```
#effdff rgb(239,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555e5f is the less saturated color, while #0299b2 is the most saturated one.

#555e5f
```
#555e5f rgb(85,94,95)
```
#4e6266
```
#4e6266 rgb(78,98,102)
```
#47676d
```
#47676d rgb(71,103,109)
```
#406c74
```
#406c74 rgb(64,108,116)
```
#39717b
```
#39717b rgb(57,113,123)
```
#327682
```
#327682 rgb(50,118,130)
```
#2c7b88
```
#2c7b88 rgb(44,123,136)
```
#25808f
```
#25808f rgb(37,128,143)
```
#1e8596
```
#1e8596 rgb(30,133,150)
```
#178a9d
```
#178a9d rgb(23,138,157)
```
#108fa4
```
#108fa4 rgb(16,143,164)
```
#0994ab
```
#0994ab rgb(9,148,171)
```
#0299b2
```
#0299b2 rgb(2,153,178)
```

Tone Color Variation

Below, you can see how #0299b2 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

#6f6f6f Achromatopsia 0.005% of the population
#59777c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a90ad Protanopia 1% of men
#868fbb Deuteranopia 1% of men
#009fab Tritanopia 0.001% of the population

Trichromacy

#5993ae Protanomaly 1% of men, 0.01% of women
#5692b8 Deuteranomaly 6% of men, 0.4% of women
#009dad Tritanomaly 0.01% of the population

#0299b2 hex color

#0299b2 Color Information

#0299b2 Color Conversion

Color Schemes with #0299b2

Alternatives to #0299b2

#0299b2 Preview

Shades and Tints of #0299b2

Tones of #0299b2

Color Blindness Simulator