Couleur nommée la plus proche · #B4983D
#B4983D
Couleur nommée la plus proche: Pirate’s Hook
#B4983D (rgb(180 152 61), hsl(46 49% 47%), oklch(0.688 0.114 91.9)) est la plus proche de la couleur nommée Pirate’s Hook. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B4983D
oklch(0.688 0.114 91.9)
Conversions de couleur
- HEX
- #b4983d
- RGB
- rgb(180 152 61)
- HSL
- hsl(46 49% 47%)
- HWB
- hwb(46 24% 29%)
- OKLCH
- oklch(0.688 0.114 91.9)
- OKLab
- oklab(0.688 -0.004 0.114)
- CIE Lab
- lab(64.12 3.2 50.19)
- LCH
- lch(64.12 50.29 86.3)
- CMYK
- cmyk(0% 16% 66% 29%)
Teintes · Ombres · Tons
Teintes
- BBA254
- C3AC69
- CAB77C
- D1C18F
- D9CBA2
- E0D6B4
- E8E0C7
- F0EADA
- F7F5EC
Ombres
- 9C8434
- 85702B
- 6E5C22
- 584A1A
- 443812
- 30270A
- 1D1704
- 0C0801
- 020100
Tons
- AF9647
- A99450
- A49158
- 9F8F5F
- 9A8D65
- 948A6B
- 8F8871
- 8A8576
- 85837B
Harmonies de couleurs
Complémentaire +180°
- B4983D
Pirate’s Hook
- 8296E1
≈ Portage
Analogue -30° +30°
- B4983D
Pirate’s Hook
- CD8A4B
≈ Orange Nectar Bat
- 8FA651
≈ Mosquito Fern
Triadique +120° +240°
- B4983D
Pirate’s Hook
- 20ADC3
≈ Havasupai Falls
- C47FBA
≈ Lavender Sweater
Complémentaire divisée +150° +210°
- B4983D
Pirate’s Hook
- 53A3DB
≈ Waimea Blue
- A889D5
≈ Middy’s Purple
Tétradique +90° +180° +270°
- B4983D
Pirate’s Hook
- 2AB1A0
≈ Waterfall
- 8296E1
≈ Portage
- D47B95
≈ Little Bow Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.80:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.49:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--pirate-s-hook: #b4983d;
--pirate-s-hook-rgb: 180 152 61;
--pirate-s-hook-oklch: oklch(0.688 0.114 91.9);
}
.element {
color: var(--pirate-s-hook);
background-color: hsl(46 49% 47%);
border-color: oklch(0.688 0.114 91.9);
}Tailwind CSS v4
@theme {
--color-pirate-s-hook: #b4983d;
--color-pirate-s-hook-50: #fff5d1;
--color-pirate-s-hook-100: #f4e8bd;
--color-pirate-s-hook-200: #e4d49d;
--color-pirate-s-hook-300: #cab772;
--color-pirate-s-hook-400: #b79c48;
--color-pirate-s-hook-500: #a18306;
--color-pirate-s-hook-600: #886f0e;
--color-pirate-s-hook-700: #6d590c;
--color-pirate-s-hook-800: #524006;
--color-pirate-s-hook-900: #392c05;
--color-pirate-s-hook-950: #231900;
}SCSS
$pirate-s-hook: #b4983d;
$pirate-s-hook-rgb: 180, 152, 61;
$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);
}