Benannte Farbe · #413628
Jacko Bean
Jacko Bean ist #413628: rgb(65 54 40), hsl(34 24% 21%), oklch(0.34 0.028 73.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Jacko Bean color name →
#413628
oklch(0.34 0.028 73.4)
Farbumrechnungen
- HEX
- #413628
- RGB
- rgb(65 54 40)
- HSL
- hsl(34 24% 21%)
- HWB
- hwb(34 16% 75%)
- OKLCH
- oklch(0.34 0.028 73.4)
- OKLab
- oklab(0.34 0.008 0.027)
- CIE Lab
- lab(23.5 3.23 10.74)
- LCH
- lch(23.5 11.22 73.2)
- CMYK
- cmyk(0% 17% 38% 75%)
Tints · Shades · Tones
Tints
- 52483B
- 635A4E
- 756D62
- 888077
- 9B948C
- AEA9A2
- C2BEB9
- D6D3D0
- EAE9E7
Shades
- 372E21
- 2E251B
- 251E15
- 1C160F
- 130F09
- 0B0804
- 050302
- 010101
- 000000
Tones
- 473D30
- 4D4439
- 534B41
- 59524A
- 605A52
- 66615B
- 6C6964
- 73706D
- 797877
Farbharmonien
Komplementär +180°
- 413628
Jacko Bean
- 2E3946
≈ Biro Blue
Analog -30° +30°
- 413628
Jacko Bean
- 45342C
≈ Tobago
- 3A3928
≈ El Paso
Triadisch +120° +240°
- 413628
Jacko Bean
- 273D3C
≈ Sunken Cascades
- 3D3442
≈ Royal Coronation
Geteilt komplementär +150° +210°
- 413628
Jacko Bean
- 283B43
≈ Cool Current
- 363646
≈ Sceptre Blue
Tetradisch +90° +180° +270°
- 413628
Jacko Bean
- 2B3D34
≈ Scarab
- 2E3946
≈ Biro Blue
- 43323C
≈ Voodoo
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.77:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.78:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.77:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--jacko-bean: #413628;
--jacko-bean-rgb: 65 54 40;
--jacko-bean-oklch: oklch(0.34 0.028 73.4);
}
.element {
color: var(--jacko-bean);
background-color: hsl(34 24% 21%);
border-color: oklch(0.34 0.028 73.4);
}Tailwind CSS v4
@theme {
--color-jacko-bean: #413628;
--color-jacko-bean-50: #faf4ed;
--color-jacko-bean-100: #ede7de;
--color-jacko-bean-200: #dbd3c7;
--color-jacko-bean-300: #c0b6a8;
--color-jacko-bean-400: #a99c8d;
--color-jacko-bean-500: #928472;
--color-jacko-bean-600: #7b6f61;
--color-jacko-bean-700: #63594d;
--color-jacko-bean-800: #494138;
--color-jacko-bean-900: #322d26;
--color-jacko-bean-950: #1e1a15;
}SCSS
$jacko-bean: #413628;
$jacko-bean-rgb: 65, 54, 40;
$jacko-bean-light: mix(#fff, $jacko-bean, 20%);
$jacko-bean-dark: mix(#000, $jacko-bean, 20%);
.element {
color: $jacko-bean;
box-shadow: 0 0 0 2px rgba($jacko-bean, 0.35);
}