Adlandırılmış renk · #E98447
Muskmelon
Muskmelon, #E98447: rgb(233 132 71), hsl(23 79% 60%), oklch(0.713 0.145 49.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Muskmelon color name →
#E98447
oklch(0.713 0.145 49.8)
Renk dönüşümleri
- HEX
- #e98447
- RGB
- rgb(233 132 71)
- HSL
- hsl(23 79% 60%)
- HWB
- hwb(23 28% 9%)
- OKLCH
- oklch(0.713 0.145 49.8)
- OKLab
- oklab(0.713 0.094 0.111)
- CIE Lab
- lab(65.79 36.2 49.62)
- LCH
- lch(65.79 61.42 53.9)
- CMYK
- cmyk(0% 43% 70% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ED915C
- F09E6F
- F3AA82
- F5B694
- F8C3A6
- FACFB8
- FCDBC9
- FDE7DB
- FEF3ED
Koyu tonlar
- CB723D
- AD6032
- 904F28
- 743F1F
- 5A2F16
- 41200D
- 291206
- 130602
- 030100
Gri tonlar
- DF844F
- D58557
- CA855D
- C08564
- B68469
- AB846E
- A18373
- 968278
- 8B817C
Renk uyumları
Tamamlayıcı +180°
- E98447
Muskmelon
- 00B1E9
≈ Lynx Screen Blue
Analog -30° +30°
- E98447
Muskmelon
- EF797C
≈ Salmon Poké Bowl
- D1960E
≈ Elysium Gold
Üçlü +120° +240°
- E98447
Muskmelon
- 00BE94
≈ Blarney
- A191F6
≈ Cobalite
Bölünmüş tamamlayıcı +150° +210°
- E98447
Muskmelon
- 00B8C0
≈ Cyan Sky
- 6AA2FC
≈ Âbi Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.67:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.85:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.85:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--muskmelon: #e98447;
--muskmelon-rgb: 233 132 71;
--muskmelon-oklch: oklch(0.713 0.145 49.8);
}
.element {
color: var(--muskmelon);
background-color: hsl(23 79% 60%);
border-color: oklch(0.713 0.145 49.8);
}Tailwind CSS v4
@theme {
--color-muskmelon: #e98447;
--color-muskmelon-50: #ffead0;
--color-muskmelon-100: #ffdbbc;
--color-muskmelon-200: #ffc39b;
--color-muskmelon-300: #f2a270;
--color-muskmelon-400: #e28249;
--color-muskmelon-500: #cf630f;
--color-muskmelon-600: #af5413;
--color-muskmelon-700: #8d4310;
--color-muskmelon-800: #69300c;
--color-muskmelon-900: #4a2007;
--color-muskmelon-950: #300f00;
}SCSS
$muskmelon: #e98447;
$muskmelon-rgb: 233, 132, 71;
$muskmelon-light: mix(#fff, $muskmelon, 20%);
$muskmelon-dark: mix(#000, $muskmelon, 20%);
.element {
color: $muskmelon;
box-shadow: 0 0 0 2px rgba($muskmelon, 0.35);
}