Adlandırılmış renk · #F8E7D4
Melon Tint
Melon Tint, #F8E7D4: rgb(248 231 212), hsl(32 72% 90%), oklch(0.937 0.031 70.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Melon Tint color name →
#F8E7D4
oklch(0.937 0.031 70.5)
Renk dönüşümleri
- HEX
- #f8e7d4
- RGB
- rgb(248 231 212)
- HSL
- hsl(32 72% 90%)
- HWB
- hwb(32 83% 3%)
- OKLCH
- oklch(0.937 0.031 70.5)
- OKLab
- oklab(0.937 0.01 0.03)
- CIE Lab
- lab(92.65 3.72 11.48)
- LCH
- lch(92.65 12.06 72.1)
- CMYK
- cmyk(0% 7% 15% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F9E9D8
- F9ECDD
- FAEEE1
- FBF1E5
- FCF3E9
- FCF5EE
- FDF8F2
- FEFAF6
- FEFDFB
Koyu tonlar
- D8C9B8
- B8AB9D
- 9A8F83
- 7C7369
- 605951
- 45403A
- 2C2824
- 151310
- 030302
Gri tonlar
- EBDCCB
- DFD2C3
- D3C7BA
- C6BDB2
- BAB2A9
- AEA8A1
- A29E98
- 979490
- 8B8A88
Renk uyumları
Tamamlayıcı +180°
- F8E7D4
Melon Tint
- DBECFF
≈ Hoarfrost
Analog -30° +30°
- F8E7D4
Melon Tint
- FEE4DA
≈ French Manicure
- EEEBD3
≈ Budding Fern
Üçlü +120° +240°
- F8E7D4
Melon Tint
- D3F1EF
≈ Icy Wind
- F1E5FA
≈ Minute Mauve
Bölünmüş tamamlayıcı +150° +210°
- F8E7D4
Melon Tint
- D4EFF9
≈ Water
- E6E8FF
≈ Glitter
Dörtlü +90° +180° +270°
- F8E7D4
Melon Tint
- D9F1E3
≈ Teal Treat
- DBECFF
≈ Hoarfrost
- FAE2F0
≈ Spun Sugar
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.37:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--melon-tint: #f8e7d4;
--melon-tint-rgb: 248 231 212;
--melon-tint-oklch: oklch(0.937 0.031 70.5);
}
.element {
color: var(--melon-tint);
background-color: hsl(32 72% 90%);
border-color: oklch(0.937 0.031 70.5);
}Tailwind CSS v4
@theme {
--color-melon-tint: #f8e7d4;
--color-melon-tint-50: #fbf4ec;
--color-melon-tint-100: #efe6dd;
--color-melon-tint-200: #ddd2c6;
--color-melon-tint-300: #c2b5a6;
--color-melon-tint-400: #ab9c8b;
--color-melon-tint-500: #948370;
--color-melon-tint-600: #7d6f5f;
--color-melon-tint-700: #64594c;
--color-melon-tint-800: #4a4137;
--color-melon-tint-900: #332c25;
--color-melon-tint-950: #1f1a14;
}SCSS
$melon-tint: #f8e7d4;
$melon-tint-rgb: 248, 231, 212;
$melon-tint-light: mix(#fff, $melon-tint, 20%);
$melon-tint-dark: mix(#000, $melon-tint, 20%);
.element {
color: $melon-tint;
box-shadow: 0 0 0 2px rgba($melon-tint, 0.35);
}