En yakın adlandırılmış renk · #EC7967
#EC7967
En yakın adlandırılmış renk: Melondrama
#EC7967 (rgb(236 121 103), hsl(8 78% 66%), oklch(0.704 0.145 30.3)) en çok Melondrama 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.
#EC7967
oklch(0.704 0.145 30.3)
Renk dönüşümleri
- HEX
- #ec7967
- RGB
- rgb(236 121 103)
- HSL
- hsl(8 78% 66%)
- HWB
- hwb(8 40% 7%)
- OKLCH
- oklch(0.704 0.145 30.3)
- OKLab
- oklab(0.704 0.126 0.073)
- CIE Lab
- lab(64.32 44.15 31.26)
- LCH
- lch(64.32 54.1 35.3)
- CMYK
- cmyk(0% 49% 56% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F08776
- F39585
- F6A394
- F8B0A3
- FABDB2
- FCCAC1
- FED8D1
- FEE5E0
- FFF2EF
Koyu tonlar
- CD6859
- AF584B
- 92483D
- 763930
- 5B2B23
- 421D17
- 29100C
- 130504
- 030100
Gri tonlar
- E27B6A
- D77C6D
- CD7D70
- C37E73
- B87F75
- AD8078
- A2807A
- 97807C
- 8C807E
Renk uyumları
Tamamlayıcı +180°
- EC7967
Melondrama
- 00B3CA
≈ Antigua Blue
Analog -30° +30°
- EC7967
Melondrama
- E7759B
≈ Embarrassed
- E08730
≈ Kanafeh
Üçlü +120° +240°
- EC7967
Melondrama
- 50B86E
≈ Lawn Party
- 7D99FA
≈ Periwinkle Blue
Bölünmüş tamamlayıcı +150° +210°
- EC7967
Melondrama
- 00B9A3
≈ Aare River
- 31A9F0
≈ Vivid Cerulean
Dörtlü +90° +180° +270°
- EC7967
Melondrama
- 94AC34
≈ Googolplex
- 00B3CA
≈ Antigua Blue
- AE88EC
≈ Lavender Blossom
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.49:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--melondrama: #ec7967;
--melondrama-rgb: 236 121 103;
--melondrama-oklch: oklch(0.704 0.145 30.3);
}
.element {
color: var(--melondrama);
background-color: hsl(8 78% 66%);
border-color: oklch(0.704 0.145 30.3);
}Tailwind CSS v4
@theme {
--color-melondrama: #ec7967;
--color-melondrama-50: #ffe7db;
--color-melondrama-100: #ffd7ca;
--color-melondrama-200: #ffbead;
--color-melondrama-300: #f89b88;
--color-melondrama-400: #e77a69;
--color-melondrama-500: #d55948;
--color-melondrama-600: #b44c3d;
--color-melondrama-700: #913d31;
--color-melondrama-800: #6c2b24;
--color-melondrama-900: #4c1d18;
--color-melondrama-950: #320c09;
}SCSS
$melondrama: #ec7967;
$melondrama-rgb: 236, 121, 103;
$melondrama-light: mix(#fff, $melondrama, 20%);
$melondrama-dark: mix(#000, $melondrama, 20%);
.element {
color: $melondrama;
box-shadow: 0 0 0 2px rgba($melondrama, 0.35);
}