# #02caf2 Color Information

In a RGB color space, hex #02caf2 is composed of 0.8% red, 79.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 16.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 190 degrees, a saturation of 98.4% and a lightness of 47.8%. #02caf2 color hex could be obtained by blending #04ffff with #0095e5. Closest websafe color is: #00ccff.

• R 1
• G 79
• B 95
RGB color chart
• C 99
• M 17
• Y 0
• K 5
CMYK color chart

#02caf2 color description : Vivid cyan.

# #02caf2 Color Conversion

The hexadecimal color #02caf2 has RGB values of R:2, G:202, B:242 and CMYK values of C:0.99, M:0.17, Y:0, K:0.05. Its decimal value is 183026.

Hex triplet RGB Decimal 02caf2 `#02caf2` 2, 202, 242 `rgb(2,202,242)` 0.8, 79.2, 94.9 `rgb(0.8%,79.2%,94.9%)` 99, 17, 0, 5 190°, 98.4, 47.8 `hsl(190,98.4%,47.8%)` 190°, 99.2, 94.9 00ccff `#00ccff`
CIE-LAB 75.24, -27.641, -31.378 37.168, 48.661, 91.433 0.21, 0.275, 48.661 75.24, 41.816, 228.623 75.24, -53.87, -46.745 69.757, -26.967, -28.883 00000010, 11001010, 11110010

# Color Schemes with #02caf2

• #02caf2
``#02caf2` `rgb(2,202,242)``
• #f22a02
``#f22a02` `rgb(242,42,2)``
Complementary Color
• #02f2a2
``#02f2a2` `rgb(2,242,162)``
• #02caf2
``#02caf2` `rgb(2,202,242)``
• #0252f2
``#0252f2` `rgb(2,82,242)``
Analogous Color
• #f2a202
``#f2a202` `rgb(242,162,2)``
• #02caf2
``#02caf2` `rgb(2,202,242)``
• #f20252
``#f20252` `rgb(242,2,82)``
Split Complementary Color
• #caf202
``#caf202` `rgb(202,242,2)``
• #02caf2
``#02caf2` `rgb(2,202,242)``
• #f202ca
``#f202ca` `rgb(242,2,202)``
• #02f22a
``#02f22a` `rgb(2,242,42)``
• #02caf2
``#02caf2` `rgb(2,202,242)``
• #f202ca
``#f202ca` `rgb(242,2,202)``
• #f22a02
``#f22a02` `rgb(242,42,2)``
• #018ba6
``#018ba6` `rgb(1,139,166)``
• #02a0bf
``#02a0bf` `rgb(2,160,191)``
• #02b5d9
``#02b5d9` `rgb(2,181,217)``
• #02caf2
``#02caf2` `rgb(2,202,242)``
• #10d6fd
``#10d6fd` `rgb(16,214,253)``
``#2adafd` `rgb(42,218,253)``
• #43defd
``#43defd` `rgb(67,222,253)``
Monochromatic Color

# Alternatives to #02caf2

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

• #02f2de
``#02f2de` `rgb(2,242,222)``
• #02f2f2
``#02f2f2` `rgb(2,242,242)``
• #02def2
``#02def2` `rgb(2,222,242)``
• #02caf2
``#02caf2` `rgb(2,202,242)``
• #02b6f2
``#02b6f2` `rgb(2,182,242)``
• #02a2f2
``#02a2f2` `rgb(2,162,242)``
• #028ef2
``#028ef2` `rgb(2,142,242)``
Similar Colors

# #02caf2 Preview

This text has a font color of #02caf2.

``<span style="color:#02caf2;">Text here</span>``
#02caf2 background color

This paragraph has a background color of #02caf2.

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

This element has a border color of #02caf2.

``<div style="border:1px solid #02caf2;">Content here</div>``
CSS codes
``.text {color:#02caf2;}``
``.background {background-color:#02caf2;}``
``.border {border:1px solid #02caf2;}``

# Shades and Tints of #02caf2

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

• #000709
``#000709` `rgb(0,7,9)``
• #00171c
``#00171c` `rgb(0,23,28)``
• #00282f
``#00282f` `rgb(0,40,47)``
• #013843
``#013843` `rgb(1,56,67)``
• #014856
``#014856` `rgb(1,72,86)``
• #01586a
``#01586a` `rgb(1,88,106)``
• #01697d
``#01697d` `rgb(1,105,125)``
• #017991
``#017991` `rgb(1,121,145)``
• #0189a4
``#0189a4` `rgb(1,137,164)``
• #0299b8
``#0299b8` `rgb(2,153,184)``
• #02aacb
``#02aacb` `rgb(2,170,203)``
``#02badf` `rgb(2,186,223)``
• #02caf2
``#02caf2` `rgb(2,202,242)``
• #0bd5fd
``#0bd5fd` `rgb(11,213,253)``
• #1ed8fd
``#1ed8fd` `rgb(30,216,253)``
• #32dbfd
``#32dbfd` `rgb(50,219,253)``
• #45dffd
``#45dffd` `rgb(69,223,253)``
• #58e2fe
``#58e2fe` `rgb(88,226,254)``
• #6ce5fe
``#6ce5fe` `rgb(108,229,254)``
• #7fe9fe
``#7fe9fe` `rgb(127,233,254)``
• #93ecfe
``#93ecfe` `rgb(147,236,254)``
• #a6f0fe
``#a6f0fe` `rgb(166,240,254)``
• #baf3fe
``#baf3fe` `rgb(186,243,254)``
• #cdf6ff
``#cdf6ff` `rgb(205,246,255)``
• #e1faff
``#e1faff` `rgb(225,250,255)``
• #f4fdff
``#f4fdff` `rgb(244,253,255)``
Tint Color Variation

# Tones of #02caf2

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

• #737f81
``#737f81` `rgb(115,127,129)``
• #69858b
``#69858b` `rgb(105,133,139)``
• #608b94
``#608b94` `rgb(96,139,148)``
• #56929e
``#56929e` `rgb(86,146,158)``
• #4d98a7
``#4d98a7` `rgb(77,152,167)``
• #449eb0
``#449eb0` `rgb(68,158,176)``
• #3aa4ba
``#3aa4ba` `rgb(58,164,186)``
• #31abc3
``#31abc3` `rgb(49,171,195)``
• #28b1cc
``#28b1cc` `rgb(40,177,204)``
• #1eb7d6
``#1eb7d6` `rgb(30,183,214)``
• #15bddf
``#15bddf` `rgb(21,189,223)``
• #0bc4e9
``#0bc4e9` `rgb(11,196,233)``
• #02caf2
``#02caf2` `rgb(2,202,242)``
Tone Color Variation

# Color Blindness Simulator

Below, you can see how #02caf2 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
• Achromatopsia 0.005% of the population
• Atypical Achromatopsia 0.001% of the population
Dichromacy
• Protanopia 1% of men
• Deuteranopia 1% of men
• Tritanopia 0.001% of the population
Trichromacy
• Protanomaly 1% of men, 0.01% of women
• Deuteranomaly 6% of men, 0.4% of women
• Tritanomaly 0.01% of the population
{"ft_lang_label":"__label__en","ft_lang_prob":0.554436,"math_prob":0.70288616,"size":3684,"snap":"2019-51-2020-05","text_gpt3_token_len":1618,"char_repetition_ratio":0.13206522,"word_repetition_ratio":0.011111111,"special_character_ratio":0.53773075,"punctuation_ratio":0.23575419,"nsfw_num_words":0,"has_unicode_error":false,"math_prob_llama3":0.9836161,"pos_list":[0],"im_url_duplicate_count":[null],"WARC_HEADER":"{\"WARC-Type\":\"response\",\"WARC-Date\":\"2019-12-07T07:03:15Z\",\"WARC-Record-ID\":\"<urn:uuid:9d9796e5-a4c1-4b5a-872d-cfb1306f1592>\",\"Content-Length\":\"36257\",\"Content-Type\":\"application/http; msgtype=response\",\"WARC-Warcinfo-ID\":\"<urn:uuid:bb58cd74-65b6-415c-a503-753fefb936fc>\",\"WARC-Concurrent-To\":\"<urn:uuid:3d3edf51-fda5-46ca-80b7-0674c283ed3d>\",\"WARC-IP-Address\":\"178.32.117.56\",\"WARC-Target-URI\":\"https://www.colorhexa.com/02caf2\",\"WARC-Payload-Digest\":\"sha1:BDZRDCJUZS74POJNFJM7MGXO2GQ7XMLE\",\"WARC-Block-Digest\":\"sha1:NXXUOSE6JADJMM4IVKAMQ63QTVXD7TDD\",\"WARC-Identified-Payload-Type\":\"text/html\",\"warc_filename\":\"/cc_download/warc_2019/CC-MAIN-2019-51/CC-MAIN-2019-51_segments_1575540496492.8_warc_CC-MAIN-20191207055244-20191207083244-00150.warc.gz\"}"}