Colore con nome più vicino · #5E2A32
#5E2A32
Colore con nome più vicino: Chocolate Truffle
#5E2A32 (rgb(94 42 50), hsl(351 38% 27%), oklch(0.359 0.076 12.1)) è più vicino al colore con nome Chocolate Truffle. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5E2A32
oklch(0.359 0.076 12.1)
Conversioni di colore
- HEX
- #5e2a32
- RGB
- rgb(94 42 50)
- HSL
- hsl(351 38% 27%)
- HWB
- hwb(351 16% 63%)
- OKLCH
- oklch(0.359 0.076 12.1)
- OKLab
- oklab(0.359 0.074 0.016)
- CIE Lab
- lab(24.78 24.86 6.66)
- LCH
- lch(24.78 25.74 15)
- CMYK
- cmyk(0% 55% 47% 63%)
Tinte · Ombre · Toni
Tinte
- 6E3D44
- 7E5156
- 8E656A
- 9E7A7D
- AE8F92
- BEA4A7
- CEBABC
- DFD1D2
- EFE8E8
Ombre
- 51232A
- 441C22
- 37161B
- 2B1014
- 1F0A0D
- 140507
- 0A0203
- 030101
- 000000
Toni
- 623339
- 663B41
- 6A4448
- 6E4C50
- 715558
- 755D5F
- 786667
- 7B6F70
- 7D7778
Armonie di colore
Complementare +180°
- 5E2A32
Chocolate Truffle
- 004745
≈ Cyprus
Analogo -30° +30°
- 5E2A32
Chocolate Truffle
- 572B48
≈ Winter Bloom
- 5D2E1A
≈ Count Chocula
Triadico +120° +240°
- 5E2A32
Chocolate Truffle
- 2D4517
≈ Forestry
- 1C3E63
≈ Blue Opal
Complementare divisa +150° +210°
- 5E2A32
Chocolate Truffle
- 054930
≈ Alaskan Moss
- 004456
≈ Crab Nebula
Tetradico +90° +180° +270°
- 5E2A32
Chocolate Truffle
- 453E00
≈ Xanthophobia
- 004745
≈ Cyprus
- 373763
≈ Rhynchites Nitens
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.33:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.85:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.33:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--chocolate-truffle: #5e2a32;
--chocolate-truffle-rgb: 94 42 50;
--chocolate-truffle-oklch: oklch(0.359 0.076 12.1);
}
.element {
color: var(--chocolate-truffle);
background-color: hsl(351 38% 27%);
border-color: oklch(0.359 0.076 12.1);
}Tailwind CSS v4
@theme {
--color-chocolate-truffle: #5e2a32;
--color-chocolate-truffle-50: #ffedee;
--color-chocolate-truffle-100: #ffdee0;
--color-chocolate-truffle-200: #f3c8ca;
--color-chocolate-truffle-300: #dca8ab;
--color-chocolate-truffle-400: #c78c92;
--color-chocolate-truffle-500: #b37179;
--color-chocolate-truffle-600: #976066;
--color-chocolate-truffle-700: #794c52;
--color-chocolate-truffle-800: #59373c;
--color-chocolate-truffle-900: #3f2629;
--color-chocolate-truffle-950: #281417;
}SCSS
$chocolate-truffle: #5e2a32;
$chocolate-truffle-rgb: 94, 42, 50;
$chocolate-truffle-light: mix(#fff, $chocolate-truffle, 20%);
$chocolate-truffle-dark: mix(#000, $chocolate-truffle, 20%);
.element {
color: $chocolate-truffle;
box-shadow: 0 0 0 2px rgba($chocolate-truffle, 0.35);
}