En yakın adlandırılmış renk · #E7C5B3
#E7C5B3
En yakın adlandırılmış renk: Mellow Marrow
#E7C5B3 (rgb(231 197 179), hsl(21 52% 80%), oklch(0.848 0.046 49.6)) en çok Mellow Marrow 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.
#E7C5B3
oklch(0.848 0.046 49.6)
Renk dönüşümleri
- HEX
- #e7c5b3
- RGB
- rgb(231 197 179)
- HSL
- hsl(21 52% 80%)
- HWB
- hwb(21 70% 9%)
- OKLCH
- oklch(0.848 0.046 49.6)
- OKLab
- oklab(0.848 0.03 0.035)
- CIE Lab
- lab(82.13 10.42 13.77)
- LCH
- lch(82.13 17.27 52.9)
- CMYK
- cmyk(0% 15% 23% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EACBBA
- ECD0C2
- EFD6CA
- F1DCD1
- F3E2D9
- F6E8E0
- F8EDE8
- FAF3F0
- FDF9F7
Koyu tonlar
- C9AB9B
- AB9284
- 8F796E
- 736158
- 594B43
- 40352F
- 28211D
- 130E0C
- 030201
Gri tonlar
- DCBEAE
- D2B7A9
- C7B0A4
- BDA99E
- B2A299
- A89B94
- 9E948F
- 948D8A
- 8A8785
Renk uyumları
Tamamlayıcı +180°
- E7C5B3
Mellow Marrow
- AFD3E6
≈ Chapel Blue
Analog -30° +30°
- E7C5B3
Mellow Marrow
- EAC2C1
≈ Pelican Feather
- DDCAAC
≈ Land Light
Üçlü +120° +240°
- E7C5B3
Mellow Marrow
- B0D7C8
≈ Scud
- CCC9EA
≈ Italian Fitch
Bölünmüş tamamlayıcı +150° +210°
- E7C5B3
Mellow Marrow
- ABD7D9
≈ Light Jellyfish Blue
- BCCEEC
≈ Frost Fairy
Dörtlü +90° +180° +270°
- E7C5B3
Mellow Marrow
- BED5B8
≈ Nature
- AFD3E6
≈ Chapel Blue
- DBC4E0
≈ Simply Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.61:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.03:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.03:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--mellow-marrow: #e7c5b3;
--mellow-marrow-rgb: 231 197 179;
--mellow-marrow-oklch: oklch(0.848 0.046 49.6);
}
.element {
color: var(--mellow-marrow);
background-color: hsl(21 52% 80%);
border-color: oklch(0.848 0.046 49.6);
}Tailwind CSS v4
@theme {
--color-mellow-marrow: #e7c5b3;
--color-mellow-marrow-50: #fff2e9;
--color-mellow-marrow-100: #f5e4da;
--color-mellow-marrow-200: #e5cfc3;
--color-mellow-marrow-300: #cbb1a2;
--color-mellow-marrow-400: #b69787;
--color-mellow-marrow-500: #a07e6b;
--color-mellow-marrow-600: #876a5b;
--color-mellow-marrow-700: #6c5549;
--color-mellow-marrow-800: #503e35;
--color-mellow-marrow-900: #382a24;
--color-mellow-marrow-950: #221813;
}SCSS
$mellow-marrow: #e7c5b3;
$mellow-marrow-rgb: 231, 197, 179;
$mellow-marrow-light: mix(#fff, $mellow-marrow, 20%);
$mellow-marrow-dark: mix(#000, $mellow-marrow, 20%);
.element {
color: $mellow-marrow;
box-shadow: 0 0 0 2px rgba($mellow-marrow, 0.35);
}