#03bddd hex color

In a RGB color space, hex #03bddd is composed of 1.2% red, 74.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 14.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 188.8 degrees, a saturation of 97.3% and a lightness of 43.9%. #03bddd color hex could be obtained by blending #06ffff with #007bbb. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 74
- B 87
RGB color chart
- C 99
- M 14
- Y 0
- K 13
CMYK color chart

● #03bddd color description : Vivid cyan.

The hexadecimal color #03bddd has RGB values of R:3, G:189, B:221 and CMYK values of C:0.99, M:0.14, Y:0, K:0.13. Its decimal value is 245213.

Hex triplet	03bddd	`#03bddd`
RGB Decimal	3, 189, 221	`rgb(3,189,221)`
RGB Percent	1.2, 74.1, 86.7	`rgb(1.2%,74.1%,86.7%)`
CMYK	99, 14, 0, 13
HSL	188.8°, 97.3, 43.9	`hsl(188.8,97.3%,43.9%)`
HSV (or HSB)	188.8°, 98.6, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.616, -28.13, -27.126
XYZ	31.283, 41.632, 74.79
xyY	0.212, 0.282, 41.632
CIE-LCH	70.616, 39.078, 223.959
CIE-LUV	70.616, -51.103, -39.124
Hunter-Lab	64.523, -26.372, -23.558
Binary	00000011, 10111101, 11011101

#03bddd
```
#03bddd rgb(3,189,221)
```
#dd2303
```
#dd2303 rgb(221,35,3)
```

Complementary Color

#03dd90
```
#03dd90 rgb(3,221,144)
```
#03bddd
```
#03bddd rgb(3,189,221)
```
#0350dd
```
#0350dd rgb(3,80,221)
```

Analogous Color

#dd9003
```
#dd9003 rgb(221,144,3)
```
#03bddd
```
#03bddd rgb(3,189,221)
```
#dd0350
```
#dd0350 rgb(221,3,80)
```

Split Complementary Color

#bddd03
```
#bddd03 rgb(189,221,3)
```
#03bddd
```
#03bddd rgb(3,189,221)
```
#dd03bd
```
#dd03bd rgb(221,3,189)
```

Triadic Color

#03dd23
```
#03dd23 rgb(3,221,35)
```
#03bddd
```
#03bddd rgb(3,189,221)
```
#dd03bd
```
#dd03bd rgb(221,3,189)
```
#dd2303
```
#dd2303 rgb(221,35,3)
```

Tetradic Color

#027c92
```
#027c92 rgb(2,124,146)
```
#0292ab
```
#0292ab rgb(2,146,171)
```
#03a7c4
```
#03a7c4 rgb(3,167,196)
```
#03bddd
```
#03bddd rgb(3,189,221)
```
#03d3f6
```
#03d3f6 rgb(3,211,246)
```
#17dafc
```
#17dafc rgb(23,218,252)
```
#30defc
```
#30defc rgb(48,222,252)
```

Monochromatic Color

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

#03ddc7
```
#03ddc7 rgb(3,221,199)
```
#03ddd9
```
#03ddd9 rgb(3,221,217)
```
#03cfdd
```
#03cfdd rgb(3,207,221)
```
#03bddd
```
#03bddd rgb(3,189,221)
```
#03abdd
```
#03abdd rgb(3,171,221)
```
#0399dd
```
#0399dd rgb(3,153,221)
```
#0387dd
```
#0387dd rgb(3,135,221)
```

Similar Colors

Text with hexadecimal color #03bddd

This text has a font color of #03bddd.

<span style="color:#03bddd;">Text here</span>

#03bddd background color

This paragraph has a background color of #03bddd.

<p style="background-color:#03bddd;">Content here</p>

#03bddd border color

This element has a border color of #03bddd.

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

CSS codes

.text {color:#03bddd;}

.background {background-color:#03bddd;}

.border {border:1px solid #03bddd;}

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

#000708
```
#000708 rgb(0,7,8)
```
#00171b
```
#00171b rgb(0,23,27)
```
#01282f
```
#01282f rgb(1,40,47)
```
#013942
```
#013942 rgb(1,57,66)
```
#014956
```
#014956 rgb(1,73,86)
```
#015a69
```
#015a69 rgb(1,90,105)
```
#026a7c
```
#026a7c rgb(2,106,124)
```
#027b90
```
#027b90 rgb(2,123,144)
```
#028ba3
```
#028ba3 rgb(2,139,163)
```
#029cb6
```
#029cb6 rgb(2,156,182)
```
#03acca
```
#03acca rgb(3,172,202)
```
#03bddd
```
#03bddd rgb(3,189,221)
```
#03cef0
```
#03cef0 rgb(3,206,240)
```

Shade Color Variation

#0cd8fc
```
#0cd8fc rgb(12,216,252)
```
#1fdcfc
```
#1fdcfc rgb(31,220,252)
```
#32dffc
```
#32dffc rgb(50,223,252)
```
#46e2fc
```
#46e2fc rgb(70,226,252)
```
#59e5fd
```
#59e5fd rgb(89,229,253)
```
#6ce8fd
```
#6ce8fd rgb(108,232,253)
```
#80ebfd
```
#80ebfd rgb(128,235,253)
```
#93eefe
```
#93eefe rgb(147,238,254)
```
#a6f1fe
```
#a6f1fe rgb(166,241,254)
```
#baf4fe
```
#baf4fe rgb(186,244,254)
```
#cdf7fe
```
#cdf7fe rgb(205,247,254)
```
#e0faff
```
#e0faff rgb(224,250,255)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

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

#6a7476
```
#6a7476 rgb(106,116,118)
```
#627a7e
```
#627a7e rgb(98,122,126)
```
#598087
```
#598087 rgb(89,128,135)
```
#51868f
```
#51868f rgb(81,134,143)
```
#488c98
```
#488c98 rgb(72,140,152)
```
#3f92a1
```
#3f92a1 rgb(63,146,161)
```
#3798a9
```
#3798a9 rgb(55,152,169)
```
#2e9fb2
```
#2e9fb2 rgb(46,159,178)
```
#25a5bb
```
#25a5bb rgb(37,165,187)
```
#1dabc3
```
#1dabc3 rgb(29,171,195)
```
#14b1cc
```
#14b1cc rgb(20,177,204)
```
#0cb7d4
```
#0cb7d4 rgb(12,183,212)
```
#03bddd
```
#03bddd rgb(3,189,221)
```

Tone Color Variation

Below, you can see how #03bddd 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

#898989 Achromatopsia 0.005% of the population
#6e939a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8afd3 Protanopia 1% of men
#a2aee5 Deuteranopia 1% of men
#00c2d0 Tritanopia 0.001% of the population

Trichromacy

#6cb4d7 Protanomaly 1% of men, 0.01% of women
#68b3e2 Deuteranomaly 6% of men, 0.4% of women
#01c0d4 Tritanomaly 0.01% of the population

#03bddd hex color

#03bddd Color Information

#03bddd Color Conversion

Color Schemes with #03bddd

Alternatives to #03bddd

#03bddd Preview

Shades and Tints of #03bddd

Tones of #03bddd

Color Blindness Simulator