#0fb4fd hex color

In a RGB color space, hex #0fb4fd is composed of 5.9% red, 70.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 94.1% cyan, 28.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 198.4 degrees, a saturation of 98.3% and a lightness of 52.5%. #0fb4fd color hex could be obtained by blending #1effff with #0069fb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 6
- G 71
- B 99
RGB color chart
- C 94
- M 29
- Y 0
- K 1
CMYK color chart

● #0fb4fd color description : Vivid blue.

The hexadecimal color #0fb4fd has RGB values of R:15, G:180, B:253 and CMYK values of C:0.94, M:0.29, Y:0, K:0.01. Its decimal value is 1029373.

Hex triplet	0fb4fd	`#0fb4fd`
RGB Decimal	15, 180, 253	`rgb(15,180,253)`
RGB Percent	5.9, 70.6, 99.2	`rgb(5.9%,70.6%,99.2%)`
CMYK	94, 29, 0, 1
HSL	198.4°, 98.3, 52.5	`hsl(198.4,98.3%,52.5%)`
HSV (or HSB)	198.4°, 94.1, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.35, -12.108, -46.474
XYZ	34.243, 39.833, 98.807
xyY	0.198, 0.23, 39.833
CIE-LCH	69.35, 48.026, 255.398
CIE-LUV	69.35, -45.315, -74.01
Hunter-Lab	63.113, -13.599, -48.642
Binary	00001111, 10110100, 11111101

#0fb4fd
```
#0fb4fd rgb(15,180,253)
```
#fd580f
```
#fd580f rgb(253,88,15)
```

Complementary Color

#0ffdcf
```
#0ffdcf rgb(15,253,207)
```
#0fb4fd
```
#0fb4fd rgb(15,180,253)
```
#0f3dfd
```
#0f3dfd rgb(15,61,253)
```

Analogous Color

#fdcf0f
```
#fdcf0f rgb(253,207,15)
```
#0fb4fd
```
#0fb4fd rgb(15,180,253)
```
#fd0f3d
```
#fd0f3d rgb(253,15,61)
```

Split Complementary Color

#b4fd0f
```
#b4fd0f rgb(180,253,15)
```
#0fb4fd
```
#0fb4fd rgb(15,180,253)
```
#fd0fb4
```
#fd0fb4 rgb(253,15,180)
```

Triadic Color

#0ffd58
```
#0ffd58 rgb(15,253,88)
```
#0fb4fd
```
#0fb4fd rgb(15,180,253)
```
#fd0fb4
```
#fd0fb4 rgb(253,15,180)
```
#fd580f
```
#fd580f rgb(253,88,15)
```

Tetradic Color

#0284be
```
#0284be rgb(2,132,190)
```
#0296d7
```
#0296d7 rgb(2,150,215)
```
#02a7f0
```
#02a7f0 rgb(2,167,240)
```
#0fb4fd
```
#0fb4fd rgb(15,180,253)
```
#28bcfd
```
#28bcfd rgb(40,188,253)
```
#42c4fd
```
#42c4fd rgb(66,196,253)
```
#5bccfe
```
#5bccfe rgb(91,204,254)
```

Monochromatic Color

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

#0ff0fd
```
#0ff0fd rgb(15,240,253)
```
#0fdcfd
```
#0fdcfd rgb(15,220,253)
```
#0fc8fd
```
#0fc8fd rgb(15,200,253)
```
#0fb4fd
```
#0fb4fd rgb(15,180,253)
```
#0fa0fd
```
#0fa0fd rgb(15,160,253)
```
#0f8cfd
```
#0f8cfd rgb(15,140,253)
```
#0f79fd
```
#0f79fd rgb(15,121,253)
```

Similar Colors

Text with hexadecimal color #0fb4fd

This text has a font color of #0fb4fd.

<span style="color:#0fb4fd;">Text here</span>

#0fb4fd background color

This paragraph has a background color of #0fb4fd.

<p style="background-color:#0fb4fd;">Content here</p>

#0fb4fd border color

This element has a border color of #0fb4fd.

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

CSS codes

.text {color:#0fb4fd;}

.background {background-color:#0fb4fd;}

.border {border:1px solid #0fb4fd;}

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, #00090d is the darkest color, while #f8fdff is the lightest one.

#00090d
```
#00090d rgb(0,9,13)
```
#001720
```
#001720 rgb(0,23,32)
```
#002434
```
#002434 rgb(0,36,52)
```
#013247
```
#013247 rgb(1,50,71)
```
#013f5b
```
#013f5b rgb(1,63,91)
```
#014d6e
```
#014d6e rgb(1,77,110)
```
#015a82
```
#015a82 rgb(1,90,130)
```
#016895
```
#016895 rgb(1,104,149)
```
#0175a9
```
#0175a9 rgb(1,117,169)
```
#0283bc
```
#0283bc rgb(2,131,188)
```
#0290cf
```
#0290cf rgb(2,144,207)
```
#029ee3
```
#029ee3 rgb(2,158,227)
```
#02abf6
```
#02abf6 rgb(2,171,246)
```

Shade Color Variation

#0fb4fd
```
#0fb4fd rgb(15,180,253)
```
#22bafd
```
#22bafd rgb(34,186,253)
```
#36c0fd
```
#36c0fd rgb(54,192,253)
```
#49c6fd
```
#49c6fd rgb(73,198,253)
```
#5dccfe
```
#5dccfe rgb(93,204,254)
```
#70d2fe
```
#70d2fe rgb(112,210,254)
```
#84d8fe
```
#84d8fe rgb(132,216,254)
```
#97dffe
```
#97dffe rgb(151,223,254)
```
#abe5fe
```
#abe5fe rgb(171,229,254)
```
#beebfe
```
#beebfe rgb(190,235,254)
```
#d2f1ff
```
#d2f1ff rgb(210,241,255)
```
#e5f7ff
```
#e5f7ff rgb(229,247,255)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f898d is the less saturated color, while #0fb4fd is the most saturated one.

#7f898d
```
#7f898d rgb(127,137,141)
```
#758c97
```
#758c97 rgb(117,140,151)
```
#6c90a0
```
#6c90a0 rgb(108,144,160)
```
#6394a9
```
#6394a9 rgb(99,148,169)
```
#5997b3
```
#5997b3 rgb(89,151,179)
```
#509bbc
```
#509bbc rgb(80,155,188)
```
#479ec5
```
#479ec5 rgb(71,158,197)
```
#3ea2ce
```
#3ea2ce rgb(62,162,206)
```
#34a6d8
```
#34a6d8 rgb(52,166,216)
```
#2ba9e1
```
#2ba9e1 rgb(43,169,225)
```
#22adea
```
#22adea rgb(34,173,234)
```
#18b0f4
```
#18b0f4 rgb(24,176,244)
```
#0fb4fd
```
#0fb4fd rgb(15,180,253)
```

Tone Color Variation

Below, you can see how #0fb4fd 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

#8b8b8b Achromatopsia 0.005% of the population
#7293a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94abf3 Protanopia 1% of men
#81adff Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#63aef7 Protanomaly 1% of men, 0.01% of women
#58affe Deuteranomaly 6% of men, 0.4% of women
#05badd Tritanomaly 0.01% of the population

#0fb4fd hex color

#0fb4fd Color Information

#0fb4fd Color Conversion

Color Schemes with #0fb4fd

Alternatives to #0fb4fd

#0fb4fd Preview

Shades and Tints of #0fb4fd

Tones of #0fb4fd

Color Blindness Simulator