Colore con nome · #5F3B36
Hereford Bull
Hereford Bull è #5F3B36: rgb(95 59 54), hsl(7 28% 29%), oklch(0.393 0.052 28.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Hereford Bull color name →
#5F3B36
oklch(0.393 0.052 28.3)
Conversioni di colore
- HEX
- #5f3b36
- RGB
- rgb(95 59 54)
- HSL
- hsl(7 28% 29%)
- HWB
- hwb(7 21% 63%)
- OKLCH
- oklch(0.393 0.052 28.3)
- OKLab
- oklab(0.393 0.046 0.025)
- CIE Lab
- lab(29.17 15.86 10.06)
- LCH
- lch(29.17 18.78 32.4)
- CMYK
- cmyk(0% 38% 43% 63%)
Tinte · Ombre · Toni
Tinte
- 6E4D48
- 7E5F5A
- 8D716D
- 9D8480
- AD9894
- BDACA9
- CDC0BE
- DED5D3
- EEEAE9
Ombre
- 52322E
- 442925
- 38211E
- 2C1916
- 20110F
- 150908
- 0A0403
- 030101
- 000000
Toni
- 63423D
- 664944
- 6A4F4B
- 6D5653
- 715D5A
- 746461
- 776B69
- 7A7271
- 7D7978
Armonie di colore
Complementare +180°
- 5F3B36
Hereford Bull
- 1E4E55
≈ Immersed
Analogo -30° +30°
- 5F3B36
Hereford Bull
- 5D3A46
≈ Enchantress
- 5B3F29
≈ Bracken
Triadico +120° +240°
- 5F3B36
Hereford Bull
- 324E36
≈ Moselle Green
- 3A4562
≈ Diplomatic
Complementare divisa +150° +210°
- 5F3B36
Hereford Bull
- 224F46
≈ Hunt Club
- 2A4A5F
≈ Deep Ocean
Tetradico +90° +180° +270°
- 5F3B36
Hereford Bull
- 434A29
≈ Bronze Tone
- 1E4E55
≈ Immersed
- 49405E
≈ Powerful Mauve
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.69:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.16:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.69:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--hereford-bull: #5f3b36;
--hereford-bull-rgb: 95 59 54;
--hereford-bull-oklch: oklch(0.393 0.052 28.3);
}
.element {
color: var(--hereford-bull);
background-color: hsl(7 28% 29%);
border-color: oklch(0.393 0.052 28.3);
}Tailwind CSS v4
@theme {
--color-hereford-bull: #5f3b36;
--color-hereford-bull-50: #fff0ec;
--color-hereford-bull-100: #f9e2de;
--color-hereford-bull-200: #eacdc7;
--color-hereford-bull-300: #d1aea8;
--color-hereford-bull-400: #bb938d;
--color-hereford-bull-500: #a67973;
--color-hereford-bull-600: #8c6761;
--color-hereford-bull-700: #71524e;
--color-hereford-bull-800: #533c39;
--color-hereford-bull-900: #3a2927;
--color-hereford-bull-950: #241715;
}SCSS
$hereford-bull: #5f3b36;
$hereford-bull-rgb: 95, 59, 54;
$hereford-bull-light: mix(#fff, $hereford-bull, 20%);
$hereford-bull-dark: mix(#000, $hereford-bull, 20%);
.element {
color: $hereford-bull;
box-shadow: 0 0 0 2px rgba($hereford-bull, 0.35);
}