#02ddf4 hex color

In a RGB color space, hex #02ddf4 is composed of 0.8% red, 86.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 9.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 185.7 degrees, a saturation of 98.4% and a lightness of 48.2%. #02ddf4 color hex could be obtained by blending #04ffff with #00bbe9. Closest websafe color is: #00ccff.

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

● #02ddf4 color description : Vivid cyan.

The hexadecimal color #02ddf4 has RGB values of R:2, G:221, B:244 and CMYK values of C:0.99, M:0.09, Y:0, K:0.04. Its decimal value is 187892.

Hex triplet	02ddf4	`#02ddf4`
RGB Decimal	2, 221, 244	`rgb(2,221,244)`
RGB Percent	0.8, 86.7, 95.7	`rgb(0.8%,86.7%,95.7%)`
CMYK	99, 9, 0, 4
HSL	185.7°, 98.4, 48.2	`hsl(185.7,98.4%,48.2%)`
HSV (or HSB)	185.7°, 99.2, 95.7
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.879, -36.124, -23.81
XYZ	42.206, 58.253, 94.602
xyY	0.216, 0.299, 58.253
CIE-LCH	80.879, 43.265, 213.39
CIE-LUV	80.879, -60.07, -32.982
Hunter-Lab	76.324, -34.859, -20.063
Binary	00000010, 11011101, 11110100

#02ddf4
```
#02ddf4 rgb(2,221,244)
```
#f41902
```
#f41902 rgb(244,25,2)
```

Complementary Color

#02f492
```
#02f492 rgb(2,244,146)
```
#02ddf4
```
#02ddf4 rgb(2,221,244)
```
#0264f4
```
#0264f4 rgb(2,100,244)
```

Analogous Color

#f49202
```
#f49202 rgb(244,146,2)
```
#02ddf4
```
#02ddf4 rgb(2,221,244)
```
#f40264
```
#f40264 rgb(244,2,100)
```

Split Complementary Color

#ddf402
```
#ddf402 rgb(221,244,2)
```
#02ddf4
```
#02ddf4 rgb(2,221,244)
```
#f402dd
```
#f402dd rgb(244,2,221)
```

Triadic Color

#02f419
```
#02f419 rgb(2,244,25)
```
#02ddf4
```
#02ddf4 rgb(2,221,244)
```
#f402dd
```
#f402dd rgb(244,2,221)
```
#f41902
```
#f41902 rgb(244,25,2)
```

Tetradic Color

#0198a8
```
#0198a8 rgb(1,152,168)
```
#02afc1
```
#02afc1 rgb(2,175,193)
```
#02c6db
```
#02c6db rgb(2,198,219)
```
#02ddf4
```
#02ddf4 rgb(2,221,244)
```
#12e7fd
```
#12e7fd rgb(18,231,253)
```
#2ce9fd
```
#2ce9fd rgb(44,233,253)
```
#45ecfd
```
#45ecfd rgb(69,236,253)
```

Monochromatic Color

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

#02f4cf
```
#02f4cf rgb(2,244,207)
```
#02f4e3
```
#02f4e3 rgb(2,244,227)
```
#02f1f4
```
#02f1f4 rgb(2,241,244)
```
#02ddf4
```
#02ddf4 rgb(2,221,244)
```
#02c9f4
```
#02c9f4 rgb(2,201,244)
```
#02b5f4
```
#02b5f4 rgb(2,181,244)
```
#02a1f4
```
#02a1f4 rgb(2,161,244)
```

Similar Colors

Text with hexadecimal color #02ddf4

This text has a font color of #02ddf4.

<span style="color:#02ddf4;">Text here</span>

#02ddf4 background color

This paragraph has a background color of #02ddf4.

<p style="background-color:#02ddf4;">Content here</p>

#02ddf4 border color

This element has a border color of #02ddf4.

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

CSS codes

.text {color:#02ddf4;}

.background {background-color:#02ddf4;}

.border {border:1px solid #02ddf4;}

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

#000a0b
```
#000a0b rgb(0,10,11)
```
#001b1e
```
#001b1e rgb(0,27,30)
```
#002d31
```
#002d31 rgb(0,45,49)
```
#013e45
```
#013e45 rgb(1,62,69)
```
#015058
```
#015058 rgb(1,80,88)
```
#01626c
```
#01626c rgb(1,98,108)
```
#01737f
```
#01737f rgb(1,115,127)
```
#018593
```
#018593 rgb(1,133,147)
```
#0197a6
```
#0197a6 rgb(1,151,166)
```
#02a8ba
```
#02a8ba rgb(2,168,186)
```
#02bacd
```
#02bacd rgb(2,186,205)
```
#02cbe1
```
#02cbe1 rgb(2,203,225)
```
#02ddf4
```
#02ddf4 rgb(2,221,244)
```

Shade Color Variation

#0de6fd
```
#0de6fd rgb(13,230,253)
```
#20e8fd
```
#20e8fd rgb(32,232,253)
```
#34eafd
```
#34eafd rgb(52,234,253)
```
#47ecfd
```
#47ecfd rgb(71,236,253)
```
#5aeefe
```
#5aeefe rgb(90,238,254)
```
#6ef0fe
```
#6ef0fe rgb(110,240,254)
```
#81f2fe
```
#81f2fe rgb(129,242,254)
```
#95f4fe
```
#95f4fe rgb(149,244,254)
```
#a8f6fe
```
#a8f6fe rgb(168,246,254)
```
#bcf8fe
```
#bcf8fe rgb(188,248,254)
```
#cffaff
```
#cffaff rgb(207,250,255)
```
#e3fcff
```
#e3fcff rgb(227,252,255)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

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

#748182
```
#748182 rgb(116,129,130)
```
#6a898c
```
#6a898c rgb(106,137,140)
```
#619095
```
#619095 rgb(97,144,149)
```
#57989f
```
#57989f rgb(87,152,159)
```
#4ea0a8
```
#4ea0a8 rgb(78,160,168)
```
#44a7b2
```
#44a7b2 rgb(68,167,178)
```
#3bafbb
```
#3bafbb rgb(59,175,187)
```
#31b7c5
```
#31b7c5 rgb(49,183,197)
```
#28bece
```
#28bece rgb(40,190,206)
```
#1ec6d8
```
#1ec6d8 rgb(30,198,216)
```
#15cee1
```
#15cee1 rgb(21,206,225)
```
#0bd5eb
```
#0bd5eb rgb(11,213,235)
```
#02ddf4
```
#02ddf4 rgb(2,221,244)
```

Tone Color Variation

Below, you can see how #02ddf4 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

#9e9e9e Achromatopsia 0.005% of the population
#7fabaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cae7 Protanopia 1% of men
#c2c8fd Deuteranopia 1% of men
#00dfef Tritanopia 0.001% of the population

Trichromacy

#7ed0ec Protanomaly 1% of men, 0.01% of women
#7ccff9 Deuteranomaly 6% of men, 0.4% of women
#00def1 Tritanomaly 0.01% of the population

#02ddf4 hex color

#02ddf4 Color Information

#02ddf4 Color Conversion

Color Schemes with #02ddf4

Alternatives to #02ddf4

#02ddf4 Preview

Shades and Tints of #02ddf4

Tones of #02ddf4

Color Blindness Simulator