#edf558 hex color

In a RGB color space, hex #edf558 is composed of 92.9% red, 96.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 64.1% yellow and 3.9% black. It has a hue angle of 63.1 degrees, a saturation of 88.7% and a lightness of 65.3%. #edf558 color hex could be obtained by blending #ffffb0 with #dbeb00. Closest websafe color is: #ffff66.

♥
- f
- t
- g
- R 93
- G 96
- B 35
RGB color chart
- C 3
- M 0
- Y 64
- K 4
CMYK color chart

● #edf558 color description : Soft yellow.

The hexadecimal color #edf558 has RGB values of R:237, G:245, B:88 and CMYK values of C:0.03, M:0, Y:0.64, K:0.04. Its decimal value is 15594840.

Hex triplet	edf558	`#edf558`
RGB Decimal	237, 245, 88	`rgb(237,245,88)`
RGB Percent	92.9, 96.1, 34.5	`rgb(92.9%,96.1%,34.5%)`
CMYK	3, 0, 64, 4
HSL	63.1°, 88.7, 65.3	`hsl(63.1,88.7%,65.3%)`
HSV (or HSB)	63.1°, 64.1, 96.1
Web Safe	ffff66	`#ffff66`

CIE-LAB	93.457, -21.69, 71.724
XYZ	69.339, 84.015, 21.796
xyY	0.396, 0.48, 84.015
CIE-LCH	93.457, 74.932, 106.826
CIE-LUV	93.457, 1.201, 89.559
Hunter-Lab	91.66, -25.372, 50.063
Binary	11101101, 11110101, 01011000

#edf558
```
#edf558 rgb(237,245,88)
```
#6058f5
```
#6058f5 rgb(96,88,245)
```

Complementary Color

#f5af58
```
#f5af58 rgb(245,175,88)
```
#edf558
```
#edf558 rgb(237,245,88)
```
#9ff558
```
#9ff558 rgb(159,245,88)
```

Analogous Color

#af58f5
```
#af58f5 rgb(175,88,245)
```
#edf558
```
#edf558 rgb(237,245,88)
```
#589ff5
```
#589ff5 rgb(88,159,245)
```

Split Complementary Color

#f558ed
```
#f558ed rgb(245,88,237)
```
#edf558
```
#edf558 rgb(237,245,88)
```
#58edf5
```
#58edf5 rgb(88,237,245)
```

Triadic Color

#f56058
```
#f56058 rgb(245,96,88)
```
#edf558
```
#edf558 rgb(237,245,88)
```
#58edf5
```
#58edf5 rgb(88,237,245)
```
#6058f5
```
#6058f5 rgb(96,88,245)
```

Tetradic Color

#e5f110
```
#e5f110 rgb(229,241,16)
```
#e8f228
```
#e8f228 rgb(232,242,40)
```
#eaf440
```
#eaf440 rgb(234,244,64)
```
#edf558
```
#edf558 rgb(237,245,88)
```
#f0f670
```
#f0f670 rgb(240,246,112)
```
#f2f888
```
#f2f888 rgb(242,248,136)
```
#f5f9a0
```
#f5f9a0 rgb(245,249,160)
```

Monochromatic Color

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

#f5d658
```
#f5d658 rgb(245,214,88)
```
#f5e358
```
#f5e358 rgb(245,227,88)
```
#f5f058
```
#f5f058 rgb(245,240,88)
```
#edf558
```
#edf558 rgb(237,245,88)
```
#e0f558
```
#e0f558 rgb(224,245,88)
```
#d3f558
```
#d3f558 rgb(211,245,88)
```
#c6f558
```
#c6f558 rgb(198,245,88)
```

Similar Colors

Text with hexadecimal color #edf558

This text has a font color of #edf558.

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

#edf558 background color

This paragraph has a background color of #edf558.

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

#edf558 border color

This element has a border color of #edf558.

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

CSS codes

.text {color:#edf558;}

.background {background-color:#edf558;}

.border {border:1px solid #edf558;}

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

#111201
```
#111201 rgb(17,18,1)
```
#232502
```
#232502 rgb(35,37,2)
```
#343703
```
#343703 rgb(52,55,3)
```
#464a04
```
#464a04 rgb(70,74,4)
```
#585c06
```
#585c06 rgb(88,92,6)
```
#696f07
```
#696f07 rgb(105,111,7)
```
#7b8108
```
#7b8108 rgb(123,129,8)
```
#8d9409
```
#8d9409 rgb(141,148,9)
```
#9ea60a
```
#9ea60a rgb(158,166,10)
```
#b0b90b
```
#b0b90b rgb(176,185,11)
```
#c1cb0c
```
#c1cb0c rgb(193,203,12)
```
#d3de0d
```
#d3de0d rgb(211,222,13)
```
#e5f00e
```
#e5f00e rgb(229,240,14)
```

Shade Color Variation

#e7f220
```
#e7f220 rgb(231,242,32)
```
#e9f333
```
#e9f333 rgb(233,243,51)
```
#ebf445
```
#ebf445 rgb(235,244,69)
```
#edf558
```
#edf558 rgb(237,245,88)
```
#eff66b
```
#eff66b rgb(239,246,107)
```
#f1f77d
```
#f1f77d rgb(241,247,125)
```
#f3f890
```
#f3f890 rgb(243,248,144)
```
#f5f9a2
```
#f5f9a2 rgb(245,249,162)
```
#f7fbb5
```
#f7fbb5 rgb(247,251,181)
```
#f9fcc7
```
#f9fcc7 rgb(249,252,199)
```
#fbfdda
```
#fbfdda rgb(251,253,218)
```
#fdfeec
```
#fdfeec rgb(253,254,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aaaaa3
```
#aaaaa3 rgb(170,170,163)
```
#b0b19c
```
#b0b19c rgb(176,177,156)
```
#b6b895
```
#b6b895 rgb(182,184,149)
```
#bcbf8e
```
#bcbf8e rgb(188,191,142)
```
#c2c588
```
#c2c588 rgb(194,197,136)
```
#c8cc81
```
#c8cc81 rgb(200,204,129)
```
#ced37a
```
#ced37a rgb(206,211,122)
```
#d5da73
```
#d5da73 rgb(213,218,115)
```
#dbe16c
```
#dbe16c rgb(219,225,108)
```
#e1e766
```
#e1e766 rgb(225,231,102)
```
#e7ee5f
```
#e7ee5f rgb(231,238,95)
```
#edf558
```
#edf558 rgb(237,245,88)
```
#f3fc51
```
#f3fc51 rgb(243,252,81)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#e3e5c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda4 Protanopia 1% of men
#ffead2 Deuteranopia 1% of men
#fee6f7 Tritanopia 0.001% of the population

Trichromacy

#f8f088 Protanomaly 1% of men, 0.01% of women
#f8eea5 Deuteranomaly 6% of men, 0.4% of women
#f7ebbd Tritanomaly 0.01% of the population

#edf558 hex color

#edf558 Color Information

#edf558 Color Conversion

Color Schemes with #edf558

Alternatives to #edf558

#edf558 Preview

Shades and Tints of #edf558

Tones of #edf558

Color Blindness Simulator