En yakın adlandırılmış renk · #EDC392
#EDC392
En yakın adlandırılmış renk: Laksa
#EDC392 (rgb(237 195 146), hsl(32 72% 75%), oklch(0.842 0.08 70.7)) en çok Laksa adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#EDC392
oklch(0.842 0.08 70.7)
Renk dönüşümleri
- HEX
- #edc392
- RGB
- rgb(237 195 146)
- HSL
- hsl(32 72% 75%)
- HWB
- hwb(32 57% 7%)
- OKLCH
- oklch(0.842 0.08 70.7)
- OKLab
- oklab(0.842 0.026 0.075)
- CIE Lab
- lab(81.68 10.66 30.59)
- LCH
- lch(81.68 32.39 70.8)
- CMYK
- cmyk(0% 18% 38% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFC99D
- F1CFA8
- F3D5B3
- F5DBBE
- F7E1C9
- F8E7D4
- FAEDDF
- FCF3E9
- FDF9F4
Koyu tonlar
- CEA97E
- B0906B
- 937858
- 776046
- 5C4A35
- 423425
- 2A2016
- 140E08
- 030201
Gri tonlar
- E2BC91
- D7B58F
- CBAF8E
- C0A88C
- B5A18A
- AB9B88
- A09486
- 958D84
- 8B8782
Renk uyumları
Tamamlayıcı +180°
- EDC392
Laksa
- A5D0FE
≈ Baby Blue
Analog -30° +30°
- EDC392
Laksa
- FABAA4
≈ Blushing Apricot
- D6CD90
≈ Royal Goblet
Üçlü +120° +240°
- EDC392
Laksa
- 8BDCD7
≈ Limpet Shell
- DCBDF2
≈ Beefy Pink
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.82:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--laksa: #edc392;
--laksa-rgb: 237 195 146;
--laksa-oklch: oklch(0.842 0.08 70.7);
}
.element {
color: var(--laksa);
background-color: hsl(32 72% 75%);
border-color: oklch(0.842 0.08 70.7);
}Tailwind CSS v4
@theme {
--color-laksa: #edc392;
--color-laksa-50: #fff2dd;
--color-laksa-100: #f9e4cb;
--color-laksa-200: #ead0af;
--color-laksa-300: #d1b28a;
--color-laksa-400: #bd976a;
--color-laksa-500: #a87d48;
--color-laksa-600: #8e6a3e;
--color-laksa-700: #725531;
--color-laksa-800: #553d23;
--color-laksa-900: #3b2a17;
--color-laksa-950: #251708;
}SCSS
$laksa: #edc392;
$laksa-rgb: 237, 195, 146;
$laksa-light: mix(#fff, $laksa, 20%);
$laksa-dark: mix(#000, $laksa, 20%);
.element {
color: $laksa;
box-shadow: 0 0 0 2px rgba($laksa, 0.35);
}