En yakın adlandırılmış renk · #4F3211
#4F3211
En yakın adlandırılmış renk: Moelleux au Chocolat
#4F3211 (rgb(79 50 17), hsl(32 65% 19%), oklch(0.345 0.063 66.2)) en çok Moelleux au Chocolat 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.
#4F3211
oklch(0.345 0.063 66.2)
Renk dönüşümleri
- HEX
- #4f3211
- RGB
- rgb(79 50 17)
- HSL
- hsl(32 65% 19%)
- HWB
- hwb(32 7% 69%)
- OKLCH
- oklch(0.345 0.063 66.2)
- OKLab
- oklab(0.345 0.025 0.057)
- CIE Lab
- lab(23.87 11.03 25.76)
- LCH
- lch(23.87 28.02 66.8)
- CMYK
- cmyk(0% 37% 78% 69%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5F4428
- 70573E
- 816A54
- 927E6B
- A49382
- B6A79A
- C8BDB2
- DAD2CB
- ECE9E5
Koyu tonlar
- 442A0D
- 382209
- 2E1B06
- 231404
- 190D02
- 100701
- 070300
- 020100
- 000000
Gri tonlar
- 543A1D
- 594129
- 5E4934
- 63513E
- 685849
- 6D6054
- 72685F
- 76706A
- 7B7875
Renk uyumları
Tamamlayıcı +180°
- 4F3211
Moelleux au Chocolat
- 1B3C58
≈ Poseidon
Analog -30° +30°
- 4F3211
Moelleux au Chocolat
- 552D22
≈ Momoshio Brown
- 43390C
≈ Camouflage
Üçlü +120° +240°
- 4F3211
Moelleux au Chocolat
- 00433E
≈ Warm Black
- 413053
≈ Naggaroth Night
Bölünmüş tamamlayıcı +150° +210°
- 4F3211
Moelleux au Chocolat
- 00414E
≈ Cold and Dark
- 31365A
≈ Very Blue
Dörtlü +90° +180° +270°
- 4F3211
Moelleux au Chocolat
- 19432B
≈ Zucchini
- 1B3C58
≈ Poseidon
- 4D2C45
≈ Potent Purple
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.68:1 · APCA Lc 97
Ag
FailSiyah üzerinde
WCAG 1.79:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.68:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--moelleux-au-chocolat: #4f3211;
--moelleux-au-chocolat-rgb: 79 50 17;
--moelleux-au-chocolat-oklch: oklch(0.345 0.063 66.2);
}
.element {
color: var(--moelleux-au-chocolat);
background-color: hsl(32 65% 19%);
border-color: oklch(0.345 0.063 66.2);
}Tailwind CSS v4
@theme {
--color-moelleux-au-chocolat: #4f3211;
--color-moelleux-au-chocolat-50: #fff2e3;
--color-moelleux-au-chocolat-100: #f6e5d2;
--color-moelleux-au-chocolat-200: #e7d0b8;
--color-moelleux-au-chocolat-300: #cdb296;
--color-moelleux-au-chocolat-400: #b89877;
--color-moelleux-au-chocolat-500: #a37e59;
--color-moelleux-au-chocolat-600: #8a6b4c;
--color-moelleux-au-chocolat-700: #6e553c;
--color-moelleux-au-chocolat-800: #523e2b;
--color-moelleux-au-chocolat-900: #392b1d;
--color-moelleux-au-chocolat-950: #23180d;
}SCSS
$moelleux-au-chocolat: #4f3211;
$moelleux-au-chocolat-rgb: 79, 50, 17;
$moelleux-au-chocolat-light: mix(#fff, $moelleux-au-chocolat, 20%);
$moelleux-au-chocolat-dark: mix(#000, $moelleux-au-chocolat, 20%);
.element {
color: $moelleux-au-chocolat;
box-shadow: 0 0 0 2px rgba($moelleux-au-chocolat, 0.35);
}