#00a5f4 hex color

In a RGB color space, hex #00a5f4 is composed of 0% red, 64.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 32.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 199.4 degrees, a saturation of 100% and a lightness of 47.8%. #00a5f4 color hex could be obtained by blending #00ffff with #004be9. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 65
- B 96
RGB color chart
- C 100
- M 32
- Y 0
- K 4
CMYK color chart

● #00a5f4 color description : Pure (or mostly pure) blue.

The hexadecimal color #00a5f4 has RGB values of R:0, G:165, B:244 and CMYK values of C:1, M:0.32, Y:0, K:0.04. Its decimal value is 42484.

Hex triplet	00a5f4	`#00a5f4`
RGB Decimal	0, 165, 244	`rgb(0,165,244)`
RGB Percent	0, 64.7, 95.7	`rgb(0%,64.7%,95.7%)`
CMYK	100, 32, 0, 4
HSL	199.4°, 100, 47.8	`hsl(199.4,100%,47.8%)`
HSV (or HSB)	199.4°, 100, 95.7
Web Safe	0099ff	`#0099ff`

CIE-LAB	64.515, -7.448, -49.203
XYZ	29.78, 33.439, 90.468
xyY	0.194, 0.218, 33.439
CIE-LCH	64.515, 49.763, 261.393
CIE-LUV	64.515, -41.475, -78.371
Hunter-Lab	57.826, -9.27, -52.279
Binary	00000000, 10100101, 11110100

#00a5f4
```
#00a5f4 rgb(0,165,244)
```
#f44f00
```
#f44f00 rgb(244,79,0)
```

Complementary Color

#00f4c9
```
#00f4c9 rgb(0,244,201)
```
#00a5f4
```
#00a5f4 rgb(0,165,244)
```
#002bf4
```
#002bf4 rgb(0,43,244)
```

Analogous Color

#f4c900
```
#f4c900 rgb(244,201,0)
```
#00a5f4
```
#00a5f4 rgb(0,165,244)
```
#f4002b
```
#f4002b rgb(244,0,43)
```

Split Complementary Color

#a5f400
```
#a5f400 rgb(165,244,0)
```
#00a5f4
```
#00a5f4 rgb(0,165,244)
```
#f400a5
```
#f400a5 rgb(244,0,165)
```

Triadic Color

#00f44f
```
#00f44f rgb(0,244,79)
```
#00a5f4
```
#00a5f4 rgb(0,165,244)
```
#f400a5
```
#f400a5 rgb(244,0,165)
```
#f44f00
```
#f44f00 rgb(244,79,0)
```

Tetradic Color

#0071a8
```
#0071a8 rgb(0,113,168)
```
#0083c1
```
#0083c1 rgb(0,131,193)
```
#0094db
```
#0094db rgb(0,148,219)
```
#00a5f4
```
#00a5f4 rgb(0,165,244)
```
#0fb1ff
```
#0fb1ff rgb(15,177,255)
```
#28b9ff
```
#28b9ff rgb(40,185,255)
```
#42c2ff
```
#42c2ff rgb(66,194,255)
```

Monochromatic Color

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

#00e2f4
```
#00e2f4 rgb(0,226,244)
```
#00cef4
```
#00cef4 rgb(0,206,244)
```
#00b9f4
```
#00b9f4 rgb(0,185,244)
```
#00a5f4
```
#00a5f4 rgb(0,165,244)
```
#0091f4
```
#0091f4 rgb(0,145,244)
```
#007cf4
```
#007cf4 rgb(0,124,244)
```
#0068f4
```
#0068f4 rgb(0,104,244)
```

Similar Colors

Text with hexadecimal color #00a5f4

This text has a font color of #00a5f4.

<span style="color:#00a5f4;">Text here</span>

#00a5f4 background color

This paragraph has a background color of #00a5f4.

<p style="background-color:#00a5f4;">Content here</p>

#00a5f4 border color

This element has a border color of #00a5f4.

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

CSS codes

.text {color:#00a5f4;}

.background {background-color:#00a5f4;}

.border {border:1px solid #00a5f4;}

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

#000609
```
#000609 rgb(0,6,9)
```
#00131c
```
#00131c rgb(0,19,28)
```
#002030
```
#002030 rgb(0,32,48)
```
#002e43
```
#002e43 rgb(0,46,67)
```
#003b57
```
#003b57 rgb(0,59,87)
```
#00486b
```
#00486b rgb(0,72,107)
```
#00557e
```
#00557e rgb(0,85,126)
```
#006392
```
#006392 rgb(0,99,146)
```
#0070a6
```
#0070a6 rgb(0,112,166)
```
#007db9
```
#007db9 rgb(0,125,185)
```
#008acd
```
#008acd rgb(0,138,205)
```
#0098e0
```
#0098e0 rgb(0,152,224)
```
#00a5f4
```
#00a5f4 rgb(0,165,244)
```

Shade Color Variation

#09afff
```
#09afff rgb(9,175,255)
```
#1cb6ff
```
#1cb6ff rgb(28,182,255)
```
#30bcff
```
#30bcff rgb(48,188,255)
```
#43c2ff
```
#43c2ff rgb(67,194,255)
```
#57c9ff
```
#57c9ff rgb(87,201,255)
```
#6bcfff
```
#6bcfff rgb(107,207,255)
```
#7ed5ff
```
#7ed5ff rgb(126,213,255)
```
#92dcff
```
#92dcff rgb(146,220,255)
```
#a6e2ff
```
#a6e2ff rgb(166,226,255)
```
#b9e8ff
```
#b9e8ff rgb(185,232,255)
```
#cdefff
```
#cdefff rgb(205,239,255)
```
#e0f5ff
```
#e0f5ff rgb(224,245,255)
```
#f4fbff
```
#f4fbff rgb(244,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717d83 is the less saturated color, while #00a5f4 is the most saturated one.

#717d83
```
#717d83 rgb(113,125,131)
```
#67818d
```
#67818d rgb(103,129,141)
```
#5e8496
```
#5e8496 rgb(94,132,150)
```
#5487a0
```
#5487a0 rgb(84,135,160)
```
#4b8ba9
```
#4b8ba9 rgb(75,139,169)
```
#428eb2
```
#428eb2 rgb(66,142,178)
```
#3891bc
```
#3891bc rgb(56,145,188)
```
#2f94c5
```
#2f94c5 rgb(47,148,197)
```
#2698ce
```
#2698ce rgb(38,152,206)
```
#1c9bd8
```
#1c9bd8 rgb(28,155,216)
```
#139ee1
```
#139ee1 rgb(19,158,225)
```
#09a2eb
```
#09a2eb rgb(9,162,235)
```
#00a5f4
```
#00a5f4 rgb(0,165,244)
```

Tone Color Variation

Below, you can see how #00a5f4 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

#7d7d7d Achromatopsia 0.005% of the population
#648595 Atypical Achromatopsia 0.001% of the population

Dichromacy

#849fec Protanopia 1% of men
#6aa2f7 Deuteranopia 1% of men
#00b1bc Tritanopia 0.001% of the population

Trichromacy

#54a1ef Protanomaly 1% of men, 0.01% of women
#43a3f6 Deuteranomaly 6% of men, 0.4% of women
#00acd0 Tritanomaly 0.01% of the population

#00a5f4 hex color

#00a5f4 Color Information

#00a5f4 Color Conversion

Color Schemes with #00a5f4

Alternatives to #00a5f4

#00a5f4 Preview

Shades and Tints of #00a5f4

Tones of #00a5f4

Color Blindness Simulator