#edf308 hex color

In a RGB color space, hex #edf308 is composed of 92.9% red, 95.3% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 2.5% cyan, 0% magenta, 96.7% yellow and 4.7% black. It has a hue angle of 61.5 degrees, a saturation of 93.6% and a lightness of 49.2%. #edf308 color hex could be obtained by blending #ffff10 with #dbe700. Closest websafe color is: #ffff00.

♥
- f
- t
- g
- R 93
- G 95
- B 3
RGB color chart
- C 2
- M 0
- Y 97
- K 5
CMYK color chart

● #edf308 color description : Vivid yellow.

The hexadecimal color #edf308 has RGB values of R:237, G:243, B:8 and CMYK values of C:0.02, M:0, Y:0.97, K:0.05. Its decimal value is 15594248.

Hex triplet	edf308	`#edf308`
RGB Decimal	237, 243, 8	`rgb(237,243,8)`
RGB Percent	92.9, 95.3, 3.1	`rgb(92.9%,95.3%,3.1%)`
CMYK	2, 0, 97, 5
HSL	61.5°, 93.6, 49.2	`hsl(61.5,93.6%,49.2%)`
HSV (or HSB)	61.5°, 96.7, 95.3
Web Safe	ffff00	`#ffff00`

CIE-LAB	92.63, -23.199, 89.958
XYZ	67.02, 82.124, 12.551
xyY	0.414, 0.508, 82.124
CIE-LCH	92.63, 92.901, 104.461
CIE-LUV	92.63, 3.296, 101.963
Hunter-Lab	90.622, -26.58, 55.224
Binary	11101101, 11110011, 00001000

#edf308
```
#edf308 rgb(237,243,8)
```
#0e08f3
```
#0e08f3 rgb(14,8,243)
```

Complementary Color

#f38408
```
#f38408 rgb(243,132,8)
```
#edf308
```
#edf308 rgb(237,243,8)
```
#78f308
```
#78f308 rgb(120,243,8)
```

Analogous Color

#8408f3
```
#8408f3 rgb(132,8,243)
```
#edf308
```
#edf308 rgb(237,243,8)
```
#0878f3
```
#0878f3 rgb(8,120,243)
```

Split Complementary Color

#f308ed
```
#f308ed rgb(243,8,237)
```
#edf308
```
#edf308 rgb(237,243,8)
```
#08edf3
```
#08edf3 rgb(8,237,243)
```

Triadic Color

#f30e08
```
#f30e08 rgb(243,14,8)
```
#edf308
```
#edf308 rgb(237,243,8)
```
#08edf3
```
#08edf3 rgb(8,237,243)
```
#0e08f3
```
#0e08f3 rgb(14,8,243)
```

Tetradic Color

#a5a906
```
#a5a906 rgb(165,169,6)
```
#bdc206
```
#bdc206 rgb(189,194,6)
```
#d5da07
```
#d5da07 rgb(213,218,7)
```
#edf308
```
#edf308 rgb(237,243,8)
```
#f2f81d
```
#f2f81d rgb(242,248,29)
```
#f3f836
```
#f3f836 rgb(243,248,54)
```
#f5f94e
```
#f5f94e rgb(245,249,78)
```

Monochromatic Color

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

#f3be08
```
#f3be08 rgb(243,190,8)
```
#f3d208
```
#f3d208 rgb(243,210,8)
```
#f3e508
```
#f3e508 rgb(243,229,8)
```
#edf308
```
#edf308 rgb(237,243,8)
```
#d9f308
```
#d9f308 rgb(217,243,8)
```
#c6f308
```
#c6f308 rgb(198,243,8)
```
#b2f308
```
#b2f308 rgb(178,243,8)
```

Similar Colors

Text with hexadecimal color #edf308

This text has a font color of #edf308.

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

#edf308 background color

This paragraph has a background color of #edf308.

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

#edf308 border color

This element has a border color of #edf308.

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

CSS codes

.text {color:#edf308;}

.background {background-color:#edf308;}

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

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, #0f0f00 is the darkest color, while #fffffb is the lightest one.

#0f0f00
```
#0f0f00 rgb(15,15,0)
```
#212201
```
#212201 rgb(33,34,1)
```
#343502
```
#343502 rgb(52,53,2)
```
#464802
```
#464802 rgb(70,72,2)
```
#595b03
```
#595b03 rgb(89,91,3)
```
#6b6e04
```
#6b6e04 rgb(107,110,4)
```
#7e8104
```
#7e8104 rgb(126,129,4)
```
#909405
```
#909405 rgb(144,148,5)
```
#a3a705
```
#a3a705 rgb(163,167,5)
```
#b5ba06
```
#b5ba06 rgb(181,186,6)
```
#c8cd07
```
#c8cd07 rgb(200,205,7)
```
#dae007
```
#dae007 rgb(218,224,7)
```
#edf308
```
#edf308 rgb(237,243,8)
```

Shade Color Variation

#f2f717
```
#f2f717 rgb(242,247,23)
```
#f3f82a
```
#f3f82a rgb(243,248,42)
```
#f4f93d
```
#f4f93d rgb(244,249,61)
```
#f5f950
```
#f5f950 rgb(245,249,80)
```
#f6fa63
```
#f6fa63 rgb(246,250,99)
```
#f7fa76
```
#f7fa76 rgb(247,250,118)
```
#f8fb89
```
#f8fb89 rgb(248,251,137)
```
#f9fc9c
```
#f9fc9c rgb(249,252,156)
```
#fafcaf
```
#fafcaf rgb(250,252,175)
```
#fbfdc2
```
#fbfdc2 rgb(251,253,194)
```
#fdfed5
```
#fdfed5 rgb(253,254,213)
```
#fefee8
```
#fefee8 rgb(254,254,232)
```
#fffffb
```
#fffffb rgb(255,255,251)
```

Tint Color Variation

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

#7f7f7c
```
#7f7f7c rgb(127,127,124)
```
#888972
```
#888972 rgb(136,137,114)
```
#919269
```
#919269 rgb(145,146,105)
```
#9b9c5f
```
#9b9c5f rgb(155,156,95)
```
#a4a655
```
#a4a655 rgb(164,166,85)
```
#adaf4c
```
#adaf4c rgb(173,175,76)
```
#b6b942
```
#b6b942 rgb(182,185,66)
```
#bfc338
```
#bfc338 rgb(191,195,56)
```
#c8cc2f
```
#c8cc2f rgb(200,204,47)
```
#d2d625
```
#d2d625 rgb(210,214,37)
```
#dbe01b
```
#dbe01b rgb(219,224,27)
```
#e4e912
```
#e4e912 rgb(228,233,18)
```
#edf308
```
#edf308 rgb(237,243,8)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#dbdcad Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb92 Protanopia 1% of men
#ffe7ca Deuteranopia 1% of men
#ffe3f3 Tritanopia 0.001% of the population

Trichromacy

#f8ee5f Protanomaly 1% of men, 0.01% of women
#f8eb83 Deuteranomaly 6% of men, 0.4% of women
#f8e99d Tritanomaly 0.01% of the population

#edf308 hex color

#edf308 Color Information

#edf308 Color Conversion

Color Schemes with #edf308

Alternatives to #edf308

#edf308 Preview

Shades and Tints of #edf308

Tones of #edf308

Color Blindness Simulator