#04a248 hex color

In a RGB color space, hex #04a248 is composed of 1.6% red, 63.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 0% magenta, 55.6% yellow and 36.5% black. It has a hue angle of 145.8 degrees, a saturation of 95.2% and a lightness of 32.5%. #04a248 color hex could be obtained by blending #08ff90 with #004500. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 2
- G 64
- B 28
RGB color chart
- C 98
- M 0
- Y 56
- K 36
CMYK color chart

● #04a248 color description : Dark cyan - lime green.

The hexadecimal color #04a248 has RGB values of R:4, G:162, B:72 and CMYK values of C:0.98, M:0, Y:0.56, K:0.36. Its decimal value is 303688.

Hex triplet	04a248	`#04a248`
RGB Decimal	4, 162, 72	`rgb(4,162,72)`
RGB Percent	1.6, 63.5, 28.2	`rgb(1.6%,63.5%,28.2%)`
CMYK	98, 0, 56, 36
HSL	145.8°, 95.2, 32.5	`hsl(145.8,95.2%,32.5%)`
HSV (or HSB)	145.8°, 97.5, 63.5
Web Safe	009933	`#009933`

CIE-LAB	58.352, -55.551, 36.571
XYZ	14.139, 26.333, 10.468
xyY	0.278, 0.517, 26.333
CIE-LCH	58.352, 66.508, 146.642
CIE-LUV	58.352, -52.689, 52.823
Hunter-Lab	51.315, -40.619, 23.826
Binary	00000100, 10100010, 01001000

#04a248
```
#04a248 rgb(4,162,72)
```
#a2045e
```
#a2045e rgb(162,4,94)
```

Complementary Color

#0fa204
```
#0fa204 rgb(15,162,4)
```
#04a248
```
#04a248 rgb(4,162,72)
```
#04a297
```
#04a297 rgb(4,162,151)
```

Analogous Color

#a2040f
```
#a2040f rgb(162,4,15)
```
#04a248
```
#04a248 rgb(4,162,72)
```
#9704a2
```
#9704a2 rgb(151,4,162)
```

Split Complementary Color

#a24804
```
#a24804 rgb(162,72,4)
```
#04a248
```
#04a248 rgb(4,162,72)
```
#4804a2
```
#4804a2 rgb(72,4,162)
```

Triadic Color

#5ea204
```
#5ea204 rgb(94,162,4)
```
#04a248
```
#04a248 rgb(4,162,72)
```
#4804a2
```
#4804a2 rgb(72,4,162)
```
#a2045e
```
#a2045e rgb(162,4,94)
```

Tetradic Color

#025727
```
#025727 rgb(2,87,39)
```
#037032
```
#037032 rgb(3,112,50)
```
#03893d
```
#03893d rgb(3,137,61)
```
#04a248
```
#04a248 rgb(4,162,72)
```
#05bb53
```
#05bb53 rgb(5,187,83)
```
#05d45e
```
#05d45e rgb(5,212,94)
```
#06ed69
```
#06ed69 rgb(6,237,105)
```

Monochromatic Color

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

#04a220
```
#04a220 rgb(4,162,32)
```
#04a22e
```
#04a22e rgb(4,162,46)
```
#04a23b
```
#04a23b rgb(4,162,59)
```
#04a248
```
#04a248 rgb(4,162,72)
```
#04a255
```
#04a255 rgb(4,162,85)
```
#04a262
```
#04a262 rgb(4,162,98)
```
#04a270
```
#04a270 rgb(4,162,112)
```

Similar Colors

Text with hexadecimal color #04a248

This text has a font color of #04a248.

<span style="color:#04a248;">Text here</span>

#04a248 background color

This paragraph has a background color of #04a248.

<p style="background-color:#04a248;">Content here</p>

#04a248 border color

This element has a border color of #04a248.

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

CSS codes

.text {color:#04a248;}

.background {background-color:#04a248;}

.border {border:1px solid #04a248;}

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

#000904
```
#000904 rgb(0,9,4)
```
#011c0c
```
#011c0c rgb(1,28,12)
```
#012f15
```
#012f15 rgb(1,47,21)
```
#02421d
```
#02421d rgb(2,66,29)
```
#025526
```
#025526 rgb(2,85,38)
```
#03692e
```
#03692e rgb(3,105,46)
```
#037c37
```
#037c37 rgb(3,124,55)
```
#048f3f
```
#048f3f rgb(4,143,63)
```
#04a248
```
#04a248 rgb(4,162,72)
```
#04b551
```
#04b551 rgb(4,181,81)
```
#05c859
```
#05c859 rgb(5,200,89)
```
#05db62
```
#05db62 rgb(5,219,98)
```
#06ef6a
```
#06ef6a rgb(6,239,106)
```

Shade Color Variation

#0ff974
```
#0ff974 rgb(15,249,116)
```
#22fa7f
```
#22fa7f rgb(34,250,127)
```
#35fa8a
```
#35fa8a rgb(53,250,138)
```
#48fa95
```
#48fa95 rgb(72,250,149)
```
#5cfba0
```
#5cfba0 rgb(92,251,160)
```
#6ffbab
```
#6ffbab rgb(111,251,171)
```
#82fcb6
```
#82fcb6 rgb(130,252,182)
```
#95fcc1
```
#95fcc1 rgb(149,252,193)
```
#a8fdcd
```
#a8fdcd rgb(168,253,205)
```
#bbfdd8
```
#bbfdd8 rgb(187,253,216)
```
#cefee3
```
#cefee3 rgb(206,254,227)
```
#e2feee
```
#e2feee rgb(226,254,238)
```
#f5fff9
```
#f5fff9 rgb(245,255,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515553 is the less saturated color, while #04a248 is the most saturated one.

#515553
```
#515553 rgb(81,85,83)
```
#4a5c52
```
#4a5c52 rgb(74,92,82)
```
#446251
```
#446251 rgb(68,98,81)
```
#3d6950
```
#3d6950 rgb(61,105,80)
```
#376f4f
```
#376f4f rgb(55,111,79)
```
#31754e
```
#31754e rgb(49,117,78)
```
#2a7c4d
```
#2a7c4d rgb(42,124,77)
```
#24824c
```
#24824c rgb(36,130,76)
```
#1e884c
```
#1e884c rgb(30,136,76)
```
#178f4b
```
#178f4b rgb(23,143,75)
```
#11954a
```
#11954a rgb(17,149,74)
```
#0a9c49
```
#0a9c49 rgb(10,156,73)
```
#04a248
```
#04a248 rgb(4,162,72)
```

Tone Color Variation

Below, you can see how #04a248 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
#547462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1924a Protanopia 1% of men
#af8c5b Deuteranopia 1% of men
#4c9da8 Tritanopia 0.001% of the population

Trichromacy

#689849 Protanomaly 1% of men, 0.01% of women
#719454 Deuteranomaly 6% of men, 0.4% of women
#329f85 Tritanomaly 0.01% of the population

#04a248 hex color

#04a248 Color Information

#04a248 Color Conversion

Color Schemes with #04a248

Alternatives to #04a248

#04a248 Preview

Shades and Tints of #04a248

Tones of #04a248

Color Blindness Simulator