En yakın adlandırılmış renk · #B17259
#B17259
En yakın adlandırılmış renk: Hazelnut
#B17259 (rgb(177 114 89), hsl(17 36% 52%), oklch(0.613 0.088 42.4)) en çok Hazelnut 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.
#B17259
oklch(0.613 0.088 42.4)
Renk dönüşümleri
- HEX
- #b17259
- RGB
- rgb(177 114 89)
- HSL
- hsl(17 36% 52%)
- HWB
- hwb(17 35% 31%)
- OKLCH
- oklch(0.613 0.088 42.4)
- OKLab
- oklab(0.613 0.065 0.059)
- CIE Lab
- lab(54.5 23.55 24.67)
- LCH
- lch(54.5 34.11 46.3)
- CMYK
- cmyk(0% 36% 50% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B98069
- C28D79
- CA9B89
- D2A999
- DAB7AA
- E1C5BA
- E9D4CB
- F0E2DC
- F8F0EE
Koyu tonlar
- 99624C
- 835340
- 6C4434
- 573628
- 42281D
- 2F1B13
- 1C0E09
- 0C0403
- 010100
Gri tonlar
- AD745D
- A87562
- A37766
- 9F786A
- 9A7A6D
- 957B71
- 907D75
- 8B7E79
- 857F7C
Renk uyumları
Tamamlayıcı +180°
- B17259
Hazelnut
- 3E90AA
≈ Blue Moon
Analog -30° +30°
- B17259
Hazelnut
- B26D75
≈ Dusty Rose
- A57B45
≈ Driftwood
Üçlü +120° +240°
- B17259
Hazelnut
- 4E9574
≈ Good Luck
- 7C7DB8
≈ Astro Zinger
Bölünmüş tamamlayıcı +150° +210°
- B17259
Hazelnut
- 359592
≈ Java
- 5C87B8
≈ Blue Smart
Dörtlü +90° +180° +270°
- B17259
Hazelnut
- 708F57
≈ Forest Bound
- 3E90AA
≈ Blue Moon
- 9674AA
≈ Ce Soir
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.87:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.42:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.42:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--hazelnut: #b17259;
--hazelnut-rgb: 177 114 89;
--hazelnut-oklch: oklch(0.613 0.088 42.4);
}
.element {
color: var(--hazelnut);
background-color: hsl(17 36% 52%);
border-color: oklch(0.613 0.088 42.4);
}Tailwind CSS v4
@theme {
--color-hazelnut: #b17259;
--color-hazelnut-50: #ffeee1;
--color-hazelnut-100: #ffdfd0;
--color-hazelnut-200: #f6c9b6;
--color-hazelnut-300: #dfaa93;
--color-hazelnut-400: #cb8d75;
--color-hazelnut-500: #b77256;
--color-hazelnut-600: #9b6149;
--color-hazelnut-700: #7c4d3a;
--color-hazelnut-800: #5c382a;
--color-hazelnut-900: #41261c;
--color-hazelnut-950: #29140d;
}SCSS
$hazelnut: #b17259;
$hazelnut-rgb: 177, 114, 89;
$hazelnut-light: mix(#fff, $hazelnut, 20%);
$hazelnut-dark: mix(#000, $hazelnut, 20%);
.element {
color: $hazelnut;
box-shadow: 0 0 0 2px rgba($hazelnut, 0.35);
}