En yakın adlandırılmış renk · #B4974F
#B4974F
En yakın adlandırılmış renk: Packing Paper
#B4974F (rgb(180 151 79), hsl(43 40% 51%), oklch(0.688 0.098 87.8)) 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.
#B4974F
oklch(0.688 0.098 87.8)
Renk dönüşümleri
- HEX
- #b4974f
- RGB
- rgb(180 151 79)
- HSL
- hsl(43 40% 51%)
- HWB
- hwb(43 31% 29%)
- OKLCH
- oklch(0.688 0.098 87.8)
- OKLab
- oklab(0.688 0.004 0.098)
- CIE Lab
- lab(64.01 4.65 41.61)
- LCH
- lch(64.01 41.86 83.6)
- CMYK
- cmyk(0% 16% 56% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BBA162
- C3AC74
- CAB685
- D2C097
- D9CBA8
- E1D5B9
- E8DFCB
- F0EADC
- F7F4ED
Koyu tonlar
- 9C8344
- 856F38
- 6E5C2E
- 584923
- 443719
- 302610
- 1D1707
- 0C0802
- 020100
Gri tonlar
- AF9556
- A9935C
- A49161
- 9F8E67
- 9A8C6B
- 958A70
- 8F8774
- 8A8578
- 85827C
Renk uyumları
Tamamlayıcı +180°
- B4974F
Packing Paper
- 8098D8
≈ Mystic Iris
Analog -30° +30°
- B4974F
Packing Paper
- C88B5C
≈ Orange Pekoe
- 95A35B
≈ Zesty Apple
Üçlü +120° +240°
- B4974F
Packing Paper
- 41ABBA
≈ Explore Blue
- BC85BA
≈ Lavender Sweater
Bölünmüş tamamlayıcı +150° +210°
- B4974F
Packing Paper
- 5CA3D0
≈ Alaskan Blue
- A28DD0
≈ Middy’s Purple
Dörtlü +90° +180° +270°
- B4974F
Packing Paper
- 4BAE9A
≈ Ambrosial Oceanside
- 8098D8
≈ Mystic Iris
- CC819A
≈ 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: #b4974f;
--packing-paper-rgb: 180 151 79;
--packing-paper-oklch: oklch(0.688 0.098 87.8);
}
.element {
color: var(--packing-paper);
background-color: hsl(43 40% 51%);
border-color: oklch(0.688 0.098 87.8);
}Tailwind CSS v4
@theme {
--color-packing-paper: #b4974f;
--color-packing-paper-50: #fff5d6;
--color-packing-paper-100: #f5e7c4;
--color-packing-paper-200: #e4d3a5;
--color-packing-paper-300: #cbb67d;
--color-packing-paper-400: #b79b58;
--color-packing-paper-500: #a1822e;
--color-packing-paper-600: #886e29;
--color-packing-paper-700: #6d5820;
--color-packing-paper-800: #514015;
--color-packing-paper-900: #392c0d;
--color-packing-paper-950: #231902;
}SCSS
$packing-paper: #b4974f;
$packing-paper-rgb: 180, 151, 79;
$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);
}