#0281f2 hex color

In a RGB color space, hex #0281f2 is composed of 0.8% red, 50.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 46.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 208.3 degrees, a saturation of 98.4% and a lightness of 47.8%. #0281f2 color hex could be obtained by blending #04ffff with #0003e5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 1
- G 51
- B 95
RGB color chart
- C 99
- M 47
- Y 0
- K 5
CMYK color chart

● #0281f2 color description : Vivid blue.

The hexadecimal color #0281f2 has RGB values of R:2, G:129, B:242 and CMYK values of C:0.99, M:0.47, Y:0, K:0.05. Its decimal value is 164338.

Hex triplet	0281f2	`#0281f2`
RGB Decimal	2, 129, 242	`rgb(2,129,242)`
RGB Percent	0.8, 50.6, 94.9	`rgb(0.8%,50.6%,94.9%)`
CMYK	99, 47, 0, 5
HSL	208.3°, 98.4, 47.8	`hsl(208.3,98.4%,47.8%)`
HSV (or HSB)	208.3°, 99.2, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	54.156, 13.186, -64.636
XYZ	23.899, 22.122, 87.01
xyY	0.18, 0.166, 22.122
CIE-LCH	54.156, 65.967, 281.531
CIE-LUV	54.156, -30.164, -102.452
Hunter-Lab	47.034, 8.389, -76.759
Binary	00000010, 10000001, 11110010

#0281f2
```
#0281f2 rgb(2,129,242)
```
#f27302
```
#f27302 rgb(242,115,2)
```

Complementary Color

#02f2eb
```
#02f2eb rgb(2,242,235)
```
#0281f2
```
#0281f2 rgb(2,129,242)
```
#0209f2
```
#0209f2 rgb(2,9,242)
```

Analogous Color

#f2eb02
```
#f2eb02 rgb(242,235,2)
```
#0281f2
```
#0281f2 rgb(2,129,242)
```
#f20209
```
#f20209 rgb(242,2,9)
```

Split Complementary Color

#81f202
```
#81f202 rgb(129,242,2)
```
#0281f2
```
#0281f2 rgb(2,129,242)
```
#f20281
```
#f20281 rgb(242,2,129)
```

Triadic Color

#02f273
```
#02f273 rgb(2,242,115)
```
#0281f2
```
#0281f2 rgb(2,129,242)
```
#f20281
```
#f20281 rgb(242,2,129)
```
#f27302
```
#f27302 rgb(242,115,2)
```

Tetradic Color

#0159a6
```
#0159a6 rgb(1,89,166)
```
#0266bf
```
#0266bf rgb(2,102,191)
```
#0274d9
```
#0274d9 rgb(2,116,217)
```
#0281f2
```
#0281f2 rgb(2,129,242)
```
#108efd
```
#108efd rgb(16,142,253)
```
#2a9afd
```
#2a9afd rgb(42,154,253)
```
#43a6fd
```
#43a6fd rgb(67,166,253)
```

Monochromatic Color

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

#02bdf2
```
#02bdf2 rgb(2,189,242)
```
#02a9f2
```
#02a9f2 rgb(2,169,242)
```
#0295f2
```
#0295f2 rgb(2,149,242)
```
#0281f2
```
#0281f2 rgb(2,129,242)
```
#026df2
```
#026df2 rgb(2,109,242)
```
#0259f2
```
#0259f2 rgb(2,89,242)
```
#0245f2
```
#0245f2 rgb(2,69,242)
```

Similar Colors

Text with hexadecimal color #0281f2

This text has a font color of #0281f2.

<span style="color:#0281f2;">Text here</span>

#0281f2 background color

This paragraph has a background color of #0281f2.

<p style="background-color:#0281f2;">Content here</p>

#0281f2 border color

This element has a border color of #0281f2.

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

CSS codes

.text {color:#0281f2;}

.background {background-color:#0281f2;}

.border {border:1px solid #0281f2;}

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

#000509
```
#000509 rgb(0,5,9)
```
#000f1c
```
#000f1c rgb(0,15,28)
```
#00192f
```
#00192f rgb(0,25,47)
```
#012443
```
#012443 rgb(1,36,67)
```
#012e56
```
#012e56 rgb(1,46,86)
```
#01386a
```
#01386a rgb(1,56,106)
```
#01437d
```
#01437d rgb(1,67,125)
```
#014d91
```
#014d91 rgb(1,77,145)
```
#0158a4
```
#0158a4 rgb(1,88,164)
```
#0262b8
```
#0262b8 rgb(2,98,184)
```
#026ccb
```
#026ccb rgb(2,108,203)
```
#0277df
```
#0277df rgb(2,119,223)
```
#0281f2
```
#0281f2 rgb(2,129,242)
```

Shade Color Variation

#0b8bfd
```
#0b8bfd rgb(11,139,253)
```
#1e94fd
```
#1e94fd rgb(30,148,253)
```
#329dfd
```
#329dfd rgb(50,157,253)
```
#45a7fd
```
#45a7fd rgb(69,167,253)
```
#58b0fe
```
#58b0fe rgb(88,176,254)
```
#6cb9fe
```
#6cb9fe rgb(108,185,254)
```
#7fc2fe
```
#7fc2fe rgb(127,194,254)
```
#93ccfe
```
#93ccfe rgb(147,204,254)
```
#a6d5fe
```
#a6d5fe rgb(166,213,254)
```
#badefe
```
#badefe rgb(186,222,254)
```
#cde7ff
```
#cde7ff rgb(205,231,255)
```
#e1f1ff
```
#e1f1ff rgb(225,241,255)
```
#f4faff
```
#f4faff rgb(244,250,255)
```

Tint Color Variation

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

#737a81
```
#737a81 rgb(115,122,129)
```
#697b8b
```
#697b8b rgb(105,123,139)
```
#607c94
```
#607c94 rgb(96,124,148)
```
#567c9e
```
#567c9e rgb(86,124,158)
```
#4d7da7
```
#4d7da7 rgb(77,125,167)
```
#447db0
```
#447db0 rgb(68,125,176)
```
#3a7eba
```
#3a7eba rgb(58,126,186)
```
#317ec3
```
#317ec3 rgb(49,126,195)
```
#287fcc
```
#287fcc rgb(40,127,204)
```
#1e7fd6
```
#1e7fd6 rgb(30,127,214)
```
#1580df
```
#1580df rgb(21,128,223)
```
#0b80e9
```
#0b80e9 rgb(11,128,233)
```
#0281f2
```
#0281f2 rgb(2,129,242)
```

Tone Color Variation

Below, you can see how #0281f2 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

#686868 Achromatopsia 0.005% of the population
#546d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4884ef Protanopia 1% of men
#008ae4 Deuteranopia 1% of men
#00959d Tritanopia 0.001% of the population

Trichromacy

#2e83f0 Protanomaly 1% of men, 0.01% of women
#0087e9 Deuteranomaly 6% of men, 0.4% of women
#008ebc Tritanomaly 0.01% of the population

#0281f2 hex color

#0281f2 Color Information

#0281f2 Color Conversion

Color Schemes with #0281f2

Alternatives to #0281f2

#0281f2 Preview

Shades and Tints of #0281f2

Tones of #0281f2

Color Blindness Simulator