Colore con nome · #7E4F35
Chocolate Bonbon
Chocolate Bonbon è #7E4F35: rgb(126 79 53), hsl(21 41% 35%), oklch(0.475 0.074 49.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Chocolate Bonbon color name →
#7E4F35
oklch(0.475 0.074 49.2)
Conversioni di colore
- HEX
- #7e4f35
- RGB
- rgb(126 79 53)
- HSL
- hsl(21 41% 35%)
- HWB
- hwb(21 21% 51%)
- OKLCH
- oklch(0.475 0.074 49.2)
- OKLab
- oklab(0.475 0.049 0.056)
- CIE Lab
- lab(38.66 18.24 23.89)
- LCH
- lch(38.66 30.05 52.6)
- CMYK
- cmyk(0% 37% 58% 51%)
Tinte · Ombre · Toni
Tinte
- 8B5F48
- 98705B
- A5816E
- B29282
- BEA496
- CBB5AA
- D8C7BF
- E5DAD4
- F2ECE9
Ombre
- 6D442D
- 5C3825
- 4C2E1D
- 3C2315
- 2D190E
- 1F1008
- 110703
- 050201
- 010000
Toni
- 7F543D
- 7F5945
- 805E4C
- 806354
- 80685B
- 816D62
- 81726A
- 817671
- 807B79
Armonie di colore
Complementare +180°
- 7E4F35
Chocolate Bonbon
- 27647E
≈ Georgian Bay
Analogo -30° +30°
- 7E4F35
Chocolate Bonbon
- 814A4B
≈ Red Maple Leaf
- 735727
≈ Olivary
Triadico +120° +240°
- 7E4F35
Chocolate Bonbon
- 296A55
≈ Forest Rain
- 5B5583
≈ Aurora Splendour
Complementare divisa +150° +210°
- 7E4F35
Chocolate Bonbon
- 16696C
≈ Bath Green
- 425D86
≈ Anchor Point
Tetradico +90° +180° +270°
- 7E4F35
Chocolate Bonbon
- 46663D
≈ Friendly Fairway
- 27647E
≈ Georgian Bay
- 6E4E77
≈ Gladiola Violet
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.86:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.05:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--chocolate-bonbon: #7e4f35;
--chocolate-bonbon-rgb: 126 79 53;
--chocolate-bonbon-oklch: oklch(0.475 0.074 49.2);
}
.element {
color: var(--chocolate-bonbon);
background-color: hsl(21 41% 35%);
border-color: oklch(0.475 0.074 49.2);
}Tailwind CSS v4
@theme {
--color-chocolate-bonbon: #7e4f35;
--color-chocolate-bonbon-50: #fff0e2;
--color-chocolate-bonbon-100: #fde2d2;
--color-chocolate-bonbon-200: #efccb8;
--color-chocolate-bonbon-300: #d7ad95;
--color-chocolate-bonbon-400: #c39277;
--color-chocolate-bonbon-500: #af7759;
--color-chocolate-bonbon-600: #94654c;
--color-chocolate-bonbon-700: #76513c;
--color-chocolate-bonbon-800: #583a2c;
--color-chocolate-bonbon-900: #3d281d;
--color-chocolate-bonbon-950: #27160d;
}SCSS
$chocolate-bonbon: #7e4f35;
$chocolate-bonbon-rgb: 126, 79, 53;
$chocolate-bonbon-light: mix(#fff, $chocolate-bonbon, 20%);
$chocolate-bonbon-dark: mix(#000, $chocolate-bonbon, 20%);
.element {
color: $chocolate-bonbon;
box-shadow: 0 0 0 2px rgba($chocolate-bonbon, 0.35);
}