#DDEF30 Color (Hex and RGB)
#DDEF30
#ddef30 has RGB values (221, 239, 48). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #DDEF30 | RDDGEFB30 | |
| RGB | rgb(221 239 48) | R221G239B48 | |
| HSL | hsl(66 86% 56%) | H66°S86%L56% | |
| OKLCH | oklch(91% 0.2 115) | L0.91C0.2H115° | |
| HSV | hsv(66, 80%, 94%) | H66°S80%V94% | |
| CMYK | cmyk(8%, 0%, 80%, 6%) | C8%M0%Y80%K6% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11011101 | 11101111 | 00110000 |
| Octal | 335 | 357 | 60 |
| Decimal | 221 | 239 | 48 |
| Hex | dd | ef | 30 |
Shades & tints
Shades mix #DDEF30 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #DDEF300%
- #CADB2C9%
- #B7C62817%
- #A5B22426%
- #929E2034%
- #7F891C43%
- #6C751851%
- #5A611359%
- #474C0F68%
- #34380B77%
- #21240785%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#DDEF30 on #FFFFFF
1.28:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#DDEF30 on #000000
16.46:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #DDEF30
1.28:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #DDEF30
16.46:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ddef30; - Background
background-color: #ddef30; - CSS variable
--color-ddef30: #ddef30; - Modern CSS
color: oklch(91% 0.2 115); - SCSS
$color-ddef30: #ddef30; - Tailwind
bg-[#ddef30] text-[#ddef30] - HTML
<div style="background-color: #ddef30"></div>