Adlandırılmış renk · #E2AE4D
Lemon Essence
Lemon Essence, #E2AE4D: rgb(226 174 77), hsl(39 72% 59%), oklch(0.781 0.128 80.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Lemon Essence color name →
#E2AE4D
oklch(0.781 0.128 80.4)
Renk dönüşümleri
- HEX
- #e2ae4d
- RGB
- rgb(226 174 77)
- HSL
- hsl(39 72% 59%)
- HWB
- hwb(39 30% 11%)
- OKLCH
- oklch(0.781 0.128 80.4)
- OKLab
- oklab(0.781 0.021 0.126)
- CIE Lab
- lab(74.64 12.39 55.79)
- LCH
- lch(74.64 57.15 77.5)
- CMYK
- cmyk(0% 23% 66% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5B663
- E8BF76
- EBC788
- EECF9A
- F1D7AB
- F4DFBC
- F7E7CD
- FAEFDE
- FCF7EE
Koyu tonlar
- C49742
- A88037
- 8C6A2C
- 715522
- 574118
- 3E2E0F
- 271C07
- 120B02
- 030100
Gri tonlar
- D8AA56
- CEA55D
- C4A163
- BA9C69
- B0986E
- A79372
- 9D8E76
- 938A7A
- 8A857D
Renk uyumları
Tamamlayıcı +180°
- E2AE4D
Lemon Essence
- 8EB8FF
≈ Carolina Blue
Analog -30° +30°
- E2AE4D
Lemon Essence
- F99E69
≈ Copper River
- BCBF56
≈ Sativa
Üçlü +120° +240°
- E2AE4D
Lemon Essence
- 21D0D8
≈ Jade Glass
- DC9CEA
≈ Bright Ube
Bölünmüş tamamlayıcı +150° +210°
- E2AE4D
Lemon Essence
- 4FC6FA
≈ Shovel Knight
- B7AAFF
≈ Winterspring Lilac
Dörtlü +90° +180° +270°
- E2AE4D
Lemon Essence
- 4ED2AC
≈ Simply Aqua
- 8EB8FF
≈ Carolina Blue
- F594C3
≈ Pastel Magenta
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.02:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.39:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--lemon-essence: #e2ae4d;
--lemon-essence-rgb: 226 174 77;
--lemon-essence-oklch: oklch(0.781 0.128 80.4);
}
.element {
color: var(--lemon-essence);
background-color: hsl(39 72% 59%);
border-color: oklch(0.781 0.128 80.4);
}Tailwind CSS v4
@theme {
--color-lemon-essence: #e2ae4d;
--color-lemon-essence-50: #fff2cc;
--color-lemon-essence-100: #fde5b8;
--color-lemon-essence-200: #f0d095;
--color-lemon-essence-300: #d8b168;
--color-lemon-essence-400: #c59539;
--color-lemon-essence-500: #b17a00;
--color-lemon-essence-600: #966800;
--color-lemon-essence-700: #785300;
--color-lemon-essence-800: #5a3c00;
--color-lemon-essence-900: #3f2900;
--color-lemon-essence-950: #281700;
}SCSS
$lemon-essence: #e2ae4d;
$lemon-essence-rgb: 226, 174, 77;
$lemon-essence-light: mix(#fff, $lemon-essence, 20%);
$lemon-essence-dark: mix(#000, $lemon-essence, 20%);
.element {
color: $lemon-essence;
box-shadow: 0 0 0 2px rgba($lemon-essence, 0.35);
}