En yakın adlandırılmış renk · #B3983F
#B3983F
En yakın adlandırılmış renk: Pirate’s Hook
#B3983F (rgb(179 152 63), hsl(46 48% 47%), oklch(0.687 0.112 92.3)) en çok Pirate’s Hook 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.
#B3983F
oklch(0.687 0.112 92.3)
Renk dönüşümleri
- HEX
- #b3983f
- RGB
- rgb(179 152 63)
- HSL
- hsl(46 48% 47%)
- HWB
- hwb(46 25% 30%)
- OKLCH
- oklch(0.687 0.112 92.3)
- OKLab
- oklab(0.687 -0.004 0.112)
- CIE Lab
- lab(64.03 2.86 49.17)
- LCH
- lch(64.03 49.25 86.7)
- CMYK
- cmyk(0% 15% 65% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BAA255
- C2AC6A
- C9B77D
- D1C190
- D8CBA2
- E0D6B5
- E8E0C7
- EFEADA
- F7F5EC
Koyu tonlar
- 9B8435
- 84702C
- 6E5C23
- 584A1B
- 433812
- 2F270A
- 1D1704
- 0C0801
- 010100
Gri tonlar
- AE9649
- A99451
- A39159
- 9E8F60
- 998D66
- 948A6C
- 8F8871
- 8A8576
- 85837B
Renk uyumları
Tamamlayıcı +180°
- B3983F
Pirate’s Hook
- 8295E0
≈ Portage
Analog -30° +30°
- B3983F
Pirate’s Hook
- CC8A4C
≈ Golden Pumpkin
- 8EA553
≈ Chelsea Cucumber
Üçlü +120° +240°
- B3983F
Pirate’s Hook
- 26ACC3
≈ Havasupai Falls
- C380B9
≈ Lavender Sweater
Bölünmüş tamamlayıcı +150° +210°
- B3983F
Pirate’s Hook
- 55A2DA
≈ Waimea Blue
- A889D4
≈ Middy’s Purple
Dörtlü +90° +180° +270°
- B3983F
Pirate’s Hook
- 2DB1A0
≈ Waterfall
- 8295E0
≈ Portage
- D37C95
≈ Little Bow Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.47:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.47:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--pirate-s-hook: #b3983f;
--pirate-s-hook-rgb: 179 152 63;
--pirate-s-hook-oklch: oklch(0.687 0.112 92.3);
}
.element {
color: var(--pirate-s-hook);
background-color: hsl(46 48% 47%);
border-color: oklch(0.687 0.112 92.3);
}Tailwind CSS v4
@theme {
--color-pirate-s-hook: #b3983f;
--color-pirate-s-hook-50: #fff5d2;
--color-pirate-s-hook-100: #f4e8be;
--color-pirate-s-hook-200: #e4d49e;
--color-pirate-s-hook-300: #cab773;
--color-pirate-s-hook-400: #b69c4a;
--color-pirate-s-hook-500: #a1830f;
--color-pirate-s-hook-600: #886f13;
--color-pirate-s-hook-700: #6d5910;
--color-pirate-s-hook-800: #514008;
--color-pirate-s-hook-900: #392c06;
--color-pirate-s-hook-950: #231900;
}SCSS
$pirate-s-hook: #b3983f;
$pirate-s-hook-rgb: 179, 152, 63;
$pirate-s-hook-light: mix(#fff, $pirate-s-hook, 20%);
$pirate-s-hook-dark: mix(#000, $pirate-s-hook, 20%);
.element {
color: $pirate-s-hook;
box-shadow: 0 0 0 2px rgba($pirate-s-hook, 0.35);
}