Nächste benannte Farbe · #744F2E
#744F2E
Nächste benannte Farbe: Chocolate Bells
#744F2E (rgb(116 79 46), hsl(28 43% 32%), oklch(0.461 0.069 61.5)) liegt am nächsten an der benannten Farbe Chocolate Bells. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#744F2E
oklch(0.461 0.069 61.5)
Farbumrechnungen
- HEX
- #744f2e
- RGB
- rgb(116 79 46)
- HSL
- hsl(28 43% 32%)
- HWB
- hwb(28 18% 55%)
- OKLCH
- oklch(0.461 0.069 61.5)
- OKLab
- oklab(0.461 0.033 0.061)
- CIE Lab
- lab(37.22 13.23 25.85)
- LCH
- lch(37.22 29.04 62.9)
- CMYK
- cmyk(0% 32% 60% 55%)
Tints · Shades · Tones
Tints
- 825F42
- 8F7055
- 9D8169
- AB927E
- B8A392
- C6B5A7
- D4C7BD
- E2DAD2
- F1ECE9
Shades
- 644427
- 54381F
- 452E18
- 372312
- 29190B
- 1B1006
- 0F0702
- 050201
- 010000
Tones
- 765437
- 77593F
- 785E48
- 7A6350
- 7B6858
- 7C6D60
- 7D7168
- 7E7670
- 7F7B78
Farbharmonien
Komplementär +180°
- 744F2E
Chocolate Bells
- 325D7B
≈ Matisse
Analog -30° +30°
- 744F2E
Chocolate Bells
- 7A4940
≈ Texas Sweet Tea
- 665727
≈ Fir Green
Triadisch +120° +240°
- 744F2E
Chocolate Bells
- 21655B
≈ Eucalyptus Green
- 5F4F79
≈ Imperial Palace
Geteilt komplementär +150° +210°
- 744F2E
Chocolate Bells
- 1E626E
≈ Excellence
- 4A567F
≈ Yacht Club Blue
Tetradisch +90° +180° +270°
- 744F2E
Chocolate Bells
- 396345
≈ Black Pine Green
- 325D7B
≈ Matisse
- 6F4A6A
≈ Old Fashioned Purple
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.24:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.90:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--chocolate-bells: #744f2e;
--chocolate-bells-rgb: 116 79 46;
--chocolate-bells-oklch: oklch(0.461 0.069 61.5);
}
.element {
color: var(--chocolate-bells);
background-color: hsl(28 43% 32%);
border-color: oklch(0.461 0.069 61.5);
}Tailwind CSS v4
@theme {
--color-chocolate-bells: #744f2e;
--color-chocolate-bells-50: #fff1e1;
--color-chocolate-bells-100: #f9e4d1;
--color-chocolate-bells-200: #eacfb6;
--color-chocolate-bells-300: #d1b093;
--color-chocolate-bells-400: #bd9675;
--color-chocolate-bells-500: #a87c56;
--color-chocolate-bells-600: #8e6949;
--color-chocolate-bells-700: #72543a;
--color-chocolate-bells-800: #543d2a;
--color-chocolate-bells-900: #3b2a1c;
--color-chocolate-bells-950: #25170c;
}SCSS
$chocolate-bells: #744f2e;
$chocolate-bells-rgb: 116, 79, 46;
$chocolate-bells-light: mix(#fff, $chocolate-bells, 20%);
$chocolate-bells-dark: mix(#000, $chocolate-bells, 20%);
.element {
color: $chocolate-bells;
box-shadow: 0 0 0 2px rgba($chocolate-bells, 0.35);
}