Najbliższy nazwany kolor · #754D2B
#754D2B
Najbliższy nazwany kolor: Chocolate Bells
#754D2B (rgb(117 77 43), hsl(28 46% 31%), oklch(0.457 0.073 59.8)) jest najbliższy nazwanemu kolorowi Chocolate Bells. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#754D2B
oklch(0.457 0.073 59.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 835D3F
- 906E53
- 9E7F68
- AB917C
- B9A291
- C7B4A6
- D5C7BC
- E3D9D2
- F1ECE8
Odcienie ciemniejsze
- 654224
- 55371D
- 462C16
- 372210
- 29180A
- 1C0F05
- 0F0702
- 050201
- 010000
Tony
- 765234
- 78573D
- 795D46
- 7A624E
- 7C6757
- 7D6C5F
- 7E7167
- 7F766F
- 7F7B78
Harmonie kolorów
Komplementarna +180°
- 754D2B
Chocolate Bells
- 2D5C7C
≈ Nautical Creatures
Analogowa -30° +30°
- 754D2B
Chocolate Bells
- 7B473F
≈ Texas Sweet Tea
- 675522
≈ Field Drab
Triada +120° +240°
- 754D2B
Chocolate Bells
- 1C6459
≈ Humboldt Redwoods
- 5D4E7A
≈ Imperial Palace
Komplementarna rozszczepiona +150° +210°
- 754D2B
Chocolate Bells
- 14626E
≈ Blue Lagoon
- 475580
≈ Mozart
Tetrada +90° +180° +270°
- 754D2B
Chocolate Bells
- 386341
≈ Forest Serenade
- 2D5C7C
≈ Nautical Creatures
- 6E486B
≈ Old Fashioned Purple
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.36:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.85:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}