En yakın adlandırılmış renk · #B4983F
#B4983F
En yakın adlandırılmış renk: Pirate’s Hook
#B4983F (rgb(180 152 63), hsl(46 48% 48%), oklch(0.688 0.112 91.6)) 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.
#B4983F
oklch(0.688 0.112 91.6)
Renk dönüşümleri
- HEX
- #b4983f
- RGB
- rgb(180 152 63)
- HSL
- hsl(46 48% 48%)
- HWB
- hwb(46 25% 29%)
- OKLCH
- oklch(0.688 0.112 91.6)
- OKLab
- oklab(0.688 -0.003 0.112)
- CIE Lab
- lab(64.13 3.29 49.31)
- LCH
- lch(64.13 49.42 86.2)
- CMYK
- cmyk(0% 16% 65% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BBA255
- C3AC6A
- CAB77D
- D2C190
- D9CBA3
- E0D6B5
- E8E0C7
- F0EADA
- F7F5EC
Koyu tonlar
- 9C8435
- 85702C
- 6E5C23
- 584A1B
- 443812
- 30270A
- 1D1704
- 0C0801
- 020100
Gri tonlar
- AF9649
- A99451
- A49159
- 9F8F60
- 9A8D66
- 948A6C
- 8F8871
- 8A8576
- 85837B
Renk uyumları
Tamamlayıcı +180°
- B4983F
Pirate’s Hook
- 8296E0
≈ Portage
Analog -30° +30°
- B4983F
Pirate’s Hook
- CC8A4D
≈ Orange Nectar Bat
- 8FA552
≈ Overt Green
Üçlü +120° +240°
- B4983F
Pirate’s Hook
- 25ADC3
≈ Havasupai Falls
- C380BA
≈ Lavender Sweater
Bölünmüş tamamlayıcı +150° +210°
- B4983F
Pirate’s Hook
- 54A3DA
≈ Waimea Blue
- A78AD5
≈ Middy’s Purple
Dörtlü +90° +180° +270°
- B4983F
Pirate’s Hook
- 2EB19F
≈ Waterfall
- 8296E0
≈ Portage
- D47C96
≈ Little Bow Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.50:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--pirate-s-hook: #b4983f;
--pirate-s-hook-rgb: 180 152 63;
--pirate-s-hook-oklch: oklch(0.688 0.112 91.6);
}
.element {
color: var(--pirate-s-hook);
background-color: hsl(46 48% 48%);
border-color: oklch(0.688 0.112 91.6);
}Tailwind CSS v4
@theme {
--color-pirate-s-hook: #b4983f;
--color-pirate-s-hook-50: #fff5d1;
--color-pirate-s-hook-100: #f4e8be;
--color-pirate-s-hook-200: #e4d49d;
--color-pirate-s-hook-300: #cab773;
--color-pirate-s-hook-400: #b79c4a;
--color-pirate-s-hook-500: #a1830d;
--color-pirate-s-hook-600: #886f12;
--color-pirate-s-hook-700: #6d580f;
--color-pirate-s-hook-800: #524008;
--color-pirate-s-hook-900: #392c05;
--color-pirate-s-hook-950: #231900;
}SCSS
$pirate-s-hook: #b4983f;
$pirate-s-hook-rgb: 180, 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);
}