colorhexa.com

#0ba4f7 hex color

In a RGB color space, hex #0ba4f7 is composed of 4.3% red, 64.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 95.5% cyan, 33.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 201.1 degrees, a saturation of 93.7% and a lightness of 50.6%. #0ba4f7 color hex could be obtained by blending #16ffff with #0049ef. Closest websafe color is: #0099ff.

- R 4
- G 64
- B 97
RGB color chart
- C 96
- M 34
- Y 0
- K 3
CMYK color chart

● #0ba4f7 color description : Vivid blue.

The hexadecimal color #0ba4f7 has RGB values of R:11, G:164, B:247 and CMYK values of C:0.96, M:0.34, Y:0, K:0.03. Its decimal value is 763127.

Hex triplet	0ba4f7	`#0ba4f7`
RGB Decimal	11, 164, 247	`rgb(11,164,247)`
RGB Percent	4.3, 64.3, 96.9	`rgb(4.3%,64.3%,96.9%)`
CMYK	96, 34, 0, 3
HSL	201.1°, 93.7, 50.6	`hsl(201.1,93.7%,50.6%)`
HSV (or HSB)	201.1°, 95.5, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	64.431, -5.506, -50.972
XYZ	30.198, 33.335, 92.833
xyY	0.193, 0.213, 33.335
CIE-LCH	64.431, 51.269, 263.835
CIE-LUV	64.431, -40.605, -81.552
Hunter-Lab	57.736, -7.677, -54.916
Binary	00001011, 10100100, 11110111

#0ba4f7
```
#0ba4f7 rgb(11,164,247)
```
#f75e0b
```
#f75e0b rgb(247,94,11)
```

Complementary Color

#0bf7d4
```
#0bf7d4 rgb(11,247,212)
```
#0ba4f7
```
#0ba4f7 rgb(11,164,247)
```
#0b2ef7
```
#0b2ef7 rgb(11,46,247)
```

Analogous Color

#f7d40b
```
#f7d40b rgb(247,212,11)
```
#0ba4f7
```
#0ba4f7 rgb(11,164,247)
```
#f70b2e
```
#f70b2e rgb(247,11,46)
```

Split Complementary Color

#a4f70b
```
#a4f70b rgb(164,247,11)
```
#0ba4f7
```
#0ba4f7 rgb(11,164,247)
```
#f70ba4
```
#f70ba4 rgb(247,11,164)
```

Triadic Color

#0bf75e
```
#0bf75e rgb(11,247,94)
```
#0ba4f7
```
#0ba4f7 rgb(11,164,247)
```
#f70ba4
```
#f70ba4 rgb(247,11,164)
```
#f75e0b
```
#f75e0b rgb(247,94,11)
```

Tetradic Color

#0674b0
```
#0674b0 rgb(6,116,176)
```
#0784c8
```
#0784c8 rgb(7,132,200)
```
#0795e1
```
#0795e1 rgb(7,149,225)
```
#0ba4f7
```
#0ba4f7 rgb(11,164,247)
```
#24adf8
```
#24adf8 rgb(36,173,248)
```
#3cb6f9
```
#3cb6f9 rgb(60,182,249)
```
#55c0f9
```
#55c0f9 rgb(85,192,249)
```

Monochromatic Color

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

#0bdff7
```
#0bdff7 rgb(11,223,247)
```
#0bcbf7
```
#0bcbf7 rgb(11,203,247)
```
#0bb8f7
```
#0bb8f7 rgb(11,184,247)
```
#0ba4f7
```
#0ba4f7 rgb(11,164,247)
```
#0b90f7
```
#0b90f7 rgb(11,144,247)
```
#0b7df7
```
#0b7df7 rgb(11,125,247)
```
#0b69f7
```
#0b69f7 rgb(11,105,247)
```

Similar Colors

Text with hexadecimal color #0ba4f7

This text has a font color of #0ba4f7.

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

#0ba4f7 background color

This paragraph has a background color of #0ba4f7.

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

#0ba4f7 border color

This element has a border color of #0ba4f7.

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

CSS codes

.text {color:#0ba4f7;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010e16
```
#010e16 rgb(1,14,22)
```
#011b29
```
#011b29 rgb(1,27,41)
```
#02283c
```
#02283c rgb(2,40,60)
```
#03344f
```
#03344f rgb(3,52,79)
```
#034162
```
#034162 rgb(3,65,98)
```
#044d75
```
#044d75 rgb(4,77,117)
```
#045a88
```
#045a88 rgb(4,90,136)
```
#05669b
```
#05669b rgb(5,102,155)
```
#0673ae
```
#0673ae rgb(6,115,174)
```
#067fc1
```
#067fc1 rgb(6,127,193)
```
#078cd4
```
#078cd4 rgb(7,140,212)
```
#0898e7
```
#0898e7 rgb(8,152,231)
```

Shade Color Variation

#0ba4f7
```
#0ba4f7 rgb(11,164,247)
```
#1eabf8
```
#1eabf8 rgb(30,171,248)
```
#31b2f8
```
#31b2f8 rgb(49,178,248)
```
#44b9f9
```
#44b9f9 rgb(68,185,249)
```
#57c0f9
```
#57c0f9 rgb(87,192,249)
```
#6ac7fa
```
#6ac7fa rgb(106,199,250)
```
#7dcffb
```
#7dcffb rgb(125,207,251)
```
#90d6fb
```
#90d6fb rgb(144,214,251)
```
#a3ddfc
```
#a3ddfc rgb(163,221,252)
```
#b6e4fd
```
#b6e4fd rgb(182,228,253)
```
#c9ebfd
```
#c9ebfd rgb(201,235,253)
```
#dcf2fe
```
#dcf2fe rgb(220,242,254)
```
#eff9fe
```
#eff9fe rgb(239,249,254)
```

Tint Color Variation

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

#7f8283
```
#7f8283 rgb(127,130,131)
```
#76848c
```
#76848c rgb(118,132,140)
```
#6c8796
```
#6c8796 rgb(108,135,150)
```
#628aa0
```
#628aa0 rgb(98,138,160)
```
#598da9
```
#598da9 rgb(89,141,169)
```
#4f90b3
```
#4f90b3 rgb(79,144,179)
```
#4593bd
```
#4593bd rgb(69,147,189)
```
#3b96c7
```
#3b96c7 rgb(59,150,199)
```
#3299d0
```
#3299d0 rgb(50,153,208)
```
#289bda
```
#289bda rgb(40,155,218)
```
#1e9ee4
```
#1e9ee4 rgb(30,158,228)
```
#15a1ed
```
#15a1ed rgb(21,161,237)
```
#0ba4f7
```
#0ba4f7 rgb(11,164,247)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#698798 Atypical Achromatopsia 0.001% of the population

Dichromacy

#819eef Protanopia 1% of men
#65a2fa Deuteranopia 1% of men
#00b1bc Tritanopia 0.001% of the population

Trichromacy

#56a0f2 Protanomaly 1% of men, 0.01% of women
#44a2f9 Deuteranomaly 6% of men, 0.4% of women
#04acd1 Tritanomaly 0.01% of the population