Named color · #DAC43C
Seed Pod
Seed Pod is #DAC43C: rgb(218 196 60), hsl(52 68% 55%), oklch(0.816 0.15 99.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Seed Pod color name →
#DAC43C
oklch(0.816 0.15 99.8)
Color conversions
- HEX
- #dac43c
- RGB
- rgb(218 196 60)
- HSL
- hsl(52 68% 55%)
- HWB
- hwb(52 24% 15%)
- OKLCH
- oklch(0.816 0.15 99.8)
- OKLab
- oklab(0.816 -0.026 0.148)
- CIE Lab
- lab(79.3 -2.54 66.8)
- LCH
- lch(79.3 66.85 92.2)
- CMYK
- cmyk(0% 10% 72% 15%)
Tints · Shades · Tones
Tints
- DECA58
- E1D06F
- E5D683
- E8DC96
- ECE2A9
- F0E8BA
- F3EECC
- F7F4DD
- FBF9EE
Shades
- BDAA33
- A2912A
- 877821
- 6C6119
- 544A11
- 3C350A
- 252104
- 110E01
- 020200
Tones
- D1BD4A
- C7B754
- BEB05D
- B5A964
- ACA26B
- A39B70
- 9A9575
- 918E79
- 88877D
Color harmonies
Complementary +180°
- DAC43C
Seed Pod
- B6BDFF
≈ Dried Lilac
Analogous -30° +30°
- DAC43C
Seed Pod
- FFB04A
≈ Splendour Gold
- A3D668
≈ Lime Lizard
Triadic +120° +240°
- DAC43C
Seed Pod
- 39D7FF
≈ Libra Blue Morpho
- FF9DE0
≈ Rose Daphne
Split-complementary +150° +210°
- DAC43C
Seed Pod
- 92C8FF
≈ Clear Sky
- DBACFF
≈ Testosterose
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.75:1 · APCA Lc 32
Ag
AAAOn black
WCAG 11.94:1 · APCA Lc 71
Best text color: #000000
WCAG 11.94:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
CSS
:root {
--seed-pod: #dac43c;
--seed-pod-rgb: 218 196 60;
--seed-pod-oklch: oklch(0.816 0.15 99.8);
}
.element {
color: var(--seed-pod);
background-color: hsl(52 68% 55%);
border-color: oklch(0.816 0.15 99.8);
}Tailwind CSS v4
@theme {
--color-seed-pod: #dac43c;
--color-seed-pod-50: #fdf7c6;
--color-seed-pod-100: #f2eab0;
--color-seed-pod-200: #e1d78a;
--color-seed-pod-300: #c7ba58;
--color-seed-pod-400: #b49f0e;
--color-seed-pod-500: #9f8600;
--color-seed-pod-600: #867100;
--color-seed-pod-700: #6b5b00;
--color-seed-pod-800: #514100;
--color-seed-pod-900: #382d00;
--color-seed-pod-950: #231a00;
}SCSS
$seed-pod: #dac43c;
$seed-pod-rgb: 218, 196, 60;
$seed-pod-light: mix(#fff, $seed-pod, 20%);
$seed-pod-dark: mix(#000, $seed-pod, 20%);
.element {
color: $seed-pod;
box-shadow: 0 0 0 2px rgba($seed-pod, 0.35);
}