Cor nomeada · #D4D292
Lemon Fennel
Lemon Fennel é #D4D292: rgb(212 210 146), hsl(58 43% 70%), oklch(0.85 0.083 106.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lemon Fennel color name →
#D4D292
oklch(0.85 0.083 106.5)
Conversões de cor
- HEX
- #d4d292
- RGB
- rgb(212 210 146)
- HSL
- hsl(58 43% 70%)
- HWB
- hwb(58 57% 17%)
- OKLCH
- oklch(0.85 0.083 106.5)
- OKLab
- oklab(0.85 -0.024 0.08)
- CIE Lab
- lab(83.23 -6.51 32.08)
- LCH
- lch(83.23 32.73 101.5)
- CMYK
- cmyk(0% 1% 31% 17%)
Tons claros · Sombras · Tons
Tons claros
- D8D79D
- DCDBA8
- E1E0B3
- E5E4BE
- E9E9C9
- EDEDD4
- F2F2DF
- F6F6E9
- FBFBF4
Sombras
- B8B67E
- 9D9B6B
- 838158
- 696846
- 515035
- 3A3925
- 242416
- 101008
- 020201
Tons
- CBCA91
- C3C18F
- BAB98E
- B1B18C
- A9A88A
- A1A089
- 989887
- 909085
- 888882
Harmonias de cor
Complementar +180°
- D4D292
Lemon Fennel
- C9C7FF
≈ Innocent Snowdrop
Análoga -30° +30°
- D4D292
Lemon Fennel
- EDC790
≈ Pumpkin Pie Oh My!
- B5DBA5
≈ Embroidered Silk
Tríade +120° +240°
- D4D292
Lemon Fennel
- 92DAF8
≈ Shiva Blue
- F7B8D9
≈ Manga Pink
Complementar dividida +150° +210°
- D4D292
Lemon Fennel
- AFD0FF
≈ Ice Cold Stare
- E4BEF3
≈ Beefy Pink
Tétrade +90° +180° +270°
- D4D292
Lemon Fennel
- 89DFE0
≈ Paradisiacal Getaway
- C9C7FF
≈ Innocent Snowdrop
- FFB9BB
≈ Hard Candy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.43:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.43:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--lemon-fennel: #d4d292;
--lemon-fennel-rgb: 212 210 146;
--lemon-fennel-oklch: oklch(0.85 0.083 106.5);
}
.element {
color: var(--lemon-fennel);
background-color: hsl(58 43% 70%);
border-color: oklch(0.85 0.083 106.5);
}Tailwind CSS v4
@theme {
--color-lemon-fennel: #d4d292;
--color-lemon-fennel-50: #f7f8dd;
--color-lemon-fennel-100: #eaebcb;
--color-lemon-fennel-200: #d7d8af;
--color-lemon-fennel-300: #bbbb8a;
--color-lemon-fennel-400: #a4a267;
--color-lemon-fennel-500: #8d8a45;
--color-lemon-fennel-600: #77753b;
--color-lemon-fennel-700: #5f5d2f;
--color-lemon-fennel-800: #474420;
--color-lemon-fennel-900: #312f15;
--color-lemon-fennel-950: #1d1b07;
}SCSS
$lemon-fennel: #d4d292;
$lemon-fennel-rgb: 212, 210, 146;
$lemon-fennel-light: mix(#fff, $lemon-fennel, 20%);
$lemon-fennel-dark: mix(#000, $lemon-fennel, 20%);
.element {
color: $lemon-fennel;
box-shadow: 0 0 0 2px rgba($lemon-fennel, 0.35);
}