En yakın adlandırılmış renk · #B49751
#B49751
En yakın adlandırılmış renk: Packing Paper
#B49751 (rgb(180 151 81), hsl(42 40% 51%), oklch(0.688 0.096 87.3)) en çok Packing Paper 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.
#B49751
oklch(0.688 0.096 87.3)
Renk dönüşümleri
- HEX
- #b49751
- RGB
- rgb(180 151 81)
- HSL
- hsl(42 40% 51%)
- HWB
- hwb(42 32% 29%)
- OKLCH
- oklch(0.688 0.096 87.3)
- OKLab
- oklab(0.688 0.005 0.096)
- CIE Lab
- lab(64.03 4.77 40.63)
- LCH
- lch(64.03 40.91 83.3)
- CMYK
- cmyk(0% 16% 55% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BBA163
- C3AB75
- CAB687
- D2C098
- D9CBA9
- E1D5BA
- E8DFCB
- F0EADC
- F7F4EE
Koyu tonlar
- 9C8345
- 856F3A
- 6E5C2F
- 584924
- 44371A
- 302610
- 1D1707
- 0C0802
- 020100
Gri tonlar
- AF9557
- A9935D
- A49063
- 9F8E67
- 9A8C6C
- 958A71
- 8F8775
- 8A8579
- 85827C
Renk uyumları
Tamamlayıcı +180°
- B49751
Packing Paper
- 8099D7
≈ Mystic Iris
Analog -30° +30°
- B49751
Packing Paper
- C88B5E
≈ Orange Pekoe
- 96A35C
≈ Zesty Apple
Üçlü +120° +240°
- B49751
Packing Paper
- 44ABB9
≈ Explore Blue
- BB85B9
≈ Violet Tulle
Bölünmüş tamamlayıcı +150° +210°
- B49751
Packing Paper
- 5DA3CF
≈ Alaskan Blue
- A18ECF
≈ Middy’s Purple
Dörtlü +90° +180° +270°
- B49751
Packing Paper
- 4EAE9A
≈ Ambrosial Oceanside
- 8099D7
≈ Mystic Iris
- CB819B
≈ Cashmere Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--packing-paper: #b49751;
--packing-paper-rgb: 180 151 81;
--packing-paper-oklch: oklch(0.688 0.096 87.3);
}
.element {
color: var(--packing-paper);
background-color: hsl(42 40% 51%);
border-color: oklch(0.688 0.096 87.3);
}Tailwind CSS v4
@theme {
--color-packing-paper: #b49751;
--color-packing-paper-50: #fff4d7;
--color-packing-paper-100: #f5e7c4;
--color-packing-paper-200: #e4d3a6;
--color-packing-paper-300: #cbb67e;
--color-packing-paper-400: #b79b59;
--color-packing-paper-500: #a18231;
--color-packing-paper-600: #886e2b;
--color-packing-paper-700: #6d5822;
--color-packing-paper-800: #514017;
--color-packing-paper-900: #392c0e;
--color-packing-paper-950: #231902;
}SCSS
$packing-paper: #b49751;
$packing-paper-rgb: 180, 151, 81;
$packing-paper-light: mix(#fff, $packing-paper, 20%);
$packing-paper-dark: mix(#000, $packing-paper, 20%);
.element {
color: $packing-paper;
box-shadow: 0 0 0 2px rgba($packing-paper, 0.35);
}