Warna bernama · #D4D292
Lemon Fennel
Lemon Fennel adalah #D4D292: rgb(212 210 146), hsl(58 43% 70%), oklch(0.85 0.083 106.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Lemon Fennel color name →
#D4D292
oklch(0.85 0.083 106.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- D8D79D
- DCDBA8
- E1E0B3
- E5E4BE
- E9E9C9
- EDEDD4
- F2F2DF
- F6F6E9
- FBFBF4
Shade
- B8B67E
- 9D9B6B
- 838158
- 696846
- 515035
- 3A3925
- 242416
- 101008
- 020201
Tone
- CBCA91
- C3C18F
- BAB98E
- B1B18C
- A9A88A
- A1A089
- 989887
- 909085
- 888882
Harmoni warna
Komplementer +180°
- D4D292
Lemon Fennel
- C9C7FF
≈ Innocent Snowdrop
Analog -30° +30°
- D4D292
Lemon Fennel
- EDC790
≈ Pumpkin Pie Oh My!
- B5DBA5
≈ Embroidered Silk
Triadik +120° +240°
- D4D292
Lemon Fennel
- 92DAF8
≈ Shiva Blue
- F7B8D9
≈ Manga Pink
Split-komplementer +150° +210°
- D4D292
Lemon Fennel
- AFD0FF
≈ Ice Cold Stare
- E4BEF3
≈ Beefy Pink
Tetradik +90° +180° +270°
- D4D292
Lemon Fennel
- 89DFE0
≈ Paradisiacal Getaway
- C9C7FF
≈ Innocent Snowdrop
- FFB9BB
≈ Hard Candy
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.56:1 · APCA Lc 26
Ag
AAADi atas hitam
WCAG 13.43:1 · APCA Lc 77
Warna teks terbaik: #000000
WCAG 13.43:1 (AAA) · APCA Lc 77
Contrast pairs
Cuplikan kode
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);
}