Couleur nommée la plus proche · #744F2E
#744F2E
Couleur nommée la plus proche: Chocolate Bells
#744F2E (rgb(116 79 46), hsl(28 43% 32%), oklch(0.461 0.069 61.5)) est la plus proche de la couleur nommée Chocolate Bells. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#744F2E
oklch(0.461 0.069 61.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 825F42
- 8F7055
- 9D8169
- AB927E
- B8A392
- C6B5A7
- D4C7BD
- E2DAD2
- F1ECE9
Ombres
- 644427
- 54381F
- 452E18
- 372312
- 29190B
- 1B1006
- 0F0702
- 050201
- 010000
Tons
- 765437
- 77593F
- 785E48
- 7A6350
- 7B6858
- 7C6D60
- 7D7168
- 7E7670
- 7F7B78
Harmonies de couleurs
Complémentaire +180°
- 744F2E
Chocolate Bells
- 325D7B
≈ Matisse
Analogue -30° +30°
- 744F2E
Chocolate Bells
- 7A4940
≈ Texas Sweet Tea
- 665727
≈ Fir Green
Triadique +120° +240°
- 744F2E
Chocolate Bells
- 21655B
≈ Eucalyptus Green
- 5F4F79
≈ Imperial Palace
Complémentaire divisée +150° +210°
- 744F2E
Chocolate Bells
- 1E626E
≈ Excellence
- 4A567F
≈ Yacht Club Blue
Tétradique +90° +180° +270°
- 744F2E
Chocolate Bells
- 396345
≈ Black Pine Green
- 325D7B
≈ Matisse
- 6F4A6A
≈ Old Fashioned Purple
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.24:1 · APCA Lc 85
Ag
FailSur noir
WCAG 2.90:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
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);
}