Colore con nome · #5F563F
Buzzard
Buzzard è #5F563F: rgb(95 86 63), hsl(43 20% 31%), oklch(0.455 0.037 89.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Buzzard color name →
#5F563F
oklch(0.455 0.037 89.2)
Conversioni di colore
- HEX
- #5f563f
- RGB
- rgb(95 86 63)
- HSL
- hsl(43 20% 31%)
- HWB
- hwb(43 25% 63%)
- OKLCH
- oklch(0.455 0.037 89.2)
- OKLab
- oklab(0.455 0.001 0.037)
- CIE Lab
- lab(36.96 0.88 14.85)
- LCH
- lch(36.96 14.87 86.6)
- CMYK
- cmyk(0% 9% 34% 63%)
Tinte · Ombre · Toni
Tinte
- 6E6550
- 7D7562
- 8C8574
- 9C9687
- ACA79A
- BCB8AE
- CCC9C1
- DDDBD6
- EEEDEA
Ombre
- 524A35
- 443E2C
- 383223
- 2C271B
- 201C12
- 15120A
- 0A0804
- 030201
- 000000
Toni
- 625A45
- 655E4C
- 696252
- 6C6759
- 6F6B5F
- 736F66
- 76736C
- 797773
- 7D7C79
Armonie di colore
Complementare +180°
- 5F563F
Buzzard
- 4E566C
≈ Heavy Violet
Analogo -30° +30°
- 5F563F
Buzzard
- 675242
≈ Dustwallow Marsh
- 545A43
≈ River Forest
Triadico +120° +240°
- 5F563F
Buzzard
- 3E5D62
≈ Jimbaran Bay
- 635061
≈ Vintage Violet
Complementare divisa +150° +210°
- 5F563F
Buzzard
- 445A69
≈ Saxon Blue
- 595269
≈ Freefall
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.26:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.88:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--buzzard: #5f563f;
--buzzard-rgb: 95 86 63;
--buzzard-oklch: oklch(0.455 0.037 89.2);
}
.element {
color: var(--buzzard);
background-color: hsl(43 20% 31%);
border-color: oklch(0.455 0.037 89.2);
}Tailwind CSS v4
@theme {
--color-buzzard: #5f563f;
--color-buzzard-50: #f9f5e9;
--color-buzzard-100: #ece8da;
--color-buzzard-200: #dad4c3;
--color-buzzard-300: #beb7a2;
--color-buzzard-400: #a79e86;
--color-buzzard-500: #90856a;
--color-buzzard-600: #7a715a;
--color-buzzard-700: #615a48;
--color-buzzard-800: #484234;
--color-buzzard-900: #322d23;
--color-buzzard-950: #1e1a12;
}SCSS
$buzzard: #5f563f;
$buzzard-rgb: 95, 86, 63;
$buzzard-light: mix(#fff, $buzzard, 20%);
$buzzard-dark: mix(#000, $buzzard, 20%);
.element {
color: $buzzard;
box-shadow: 0 0 0 2px rgba($buzzard, 0.35);
}