Couleur nommée la plus proche · #754D2B
#754D2B
Couleur nommée la plus proche: Chocolate Bells
#754D2B (rgb(117 77 43), hsl(28 46% 31%), oklch(0.457 0.073 59.8)) 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.
#754D2B
oklch(0.457 0.073 59.8)
Conversions de couleur
- HEX
- #754d2b
- RGB
- rgb(117 77 43)
- HSL
- hsl(28 46% 31%)
- HWB
- hwb(28 17% 54%)
- OKLCH
- oklch(0.457 0.073 59.8)
- OKLab
- oklab(0.457 0.037 0.063)
- CIE Lab
- lab(36.79 14.67 27.1)
- LCH
- lch(36.79 30.81 61.6)
- CMYK
- cmyk(0% 34% 63% 54%)
Teintes · Ombres · Tons
Teintes
- 835D3F
- 906E53
- 9E7F68
- AB917C
- B9A291
- C7B4A6
- D5C7BC
- E3D9D2
- F1ECE8
Ombres
- 654224
- 55371D
- 462C16
- 372210
- 29180A
- 1C0F05
- 0F0702
- 050201
- 010000
Tons
- 765234
- 78573D
- 795D46
- 7A624E
- 7C6757
- 7D6C5F
- 7E7167
- 7F766F
- 7F7B78
Harmonies de couleurs
Complémentaire +180°
- 754D2B
Chocolate Bells
- 2D5C7C
≈ Nautical Creatures
Analogue -30° +30°
- 754D2B
Chocolate Bells
- 7B473F
≈ Texas Sweet Tea
- 675522
≈ Field Drab
Triadique +120° +240°
- 754D2B
Chocolate Bells
- 1C6459
≈ Humboldt Redwoods
- 5D4E7A
≈ Imperial Palace
Complémentaire divisée +150° +210°
- 754D2B
Chocolate Bells
- 14626E
≈ Blue Lagoon
- 475580
≈ Mozart
Tétradique +90° +180° +270°
- 754D2B
Chocolate Bells
- 386341
≈ Forest Serenade
- 2D5C7C
≈ Nautical Creatures
- 6E486B
≈ Old Fashioned Purple
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.36:1 · APCA Lc 85
Ag
FailSur noir
WCAG 2.85:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--chocolate-bells: #754d2b;
--chocolate-bells-rgb: 117 77 43;
--chocolate-bells-oklch: oklch(0.457 0.073 59.8);
}
.element {
color: var(--chocolate-bells);
background-color: hsl(28 46% 31%);
border-color: oklch(0.457 0.073 59.8);
}Tailwind CSS v4
@theme {
--color-chocolate-bells: #754d2b;
--color-chocolate-bells-50: #fff1e1;
--color-chocolate-bells-100: #fae3d0;
--color-chocolate-bells-200: #ecceb5;
--color-chocolate-bells-300: #d3b092;
--color-chocolate-bells-400: #bf9573;
--color-chocolate-bells-500: #aa7b54;
--color-chocolate-bells-600: #906847;
--color-chocolate-bells-700: #735339;
--color-chocolate-bells-800: #563c29;
--color-chocolate-bells-900: #3c291b;
--color-chocolate-bells-950: #25170c;
}SCSS
$chocolate-bells: #754d2b;
$chocolate-bells-rgb: 117, 77, 43;
$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);
}