Colore con nome più vicino · #896634
#896634
Colore con nome più vicino: Sneaky Sesame
#896634 (rgb(137 102 52), hsl(35 45% 37%), oklch(0.535 0.081 74.4)) è più vicino al colore con nome Sneaky Sesame. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#896634
oklch(0.535 0.081 74.4)
Conversioni di colore
- HEX
- #896634
- RGB
- rgb(137 102 52)
- HSL
- hsl(35 45% 37%)
- HWB
- hwb(35 20% 46%)
- OKLCH
- oklch(0.535 0.081 74.4)
- OKLab
- oklab(0.535 0.022 0.078)
- CIE Lab
- lab(46.04 10.26 33.5)
- LCH
- lch(46.04 35.03 73)
- CMYK
- cmyk(0% 26% 62% 46%)
Tinte · Ombre · Toni
Tinte
- 957449
- A0835C
- AC9270
- B7A184
- C3B098
- CFC0AC
- DBCFC0
- E7DFD5
- F3EFEA
Ombre
- 76582C
- 644A24
- 533C1C
- 422F15
- 31230E
- 221707
- 140C03
- 070401
- 010000
Toni
- 88693D
- 886C45
- 876E4D
- 867155
- 85745C
- 847664
- 83796B
- 827B72
- 817E79
Armonie di colore
Complementare +180°
- 896634
Sneaky Sesame
- 4C6F9B
≈ Cobalt Flame
Analogo -30° +30°
- 896634
Sneaky Sesame
- 945E45
≈ Cinnamon Spice
- 757034
≈ Tuscan Hills
Triadico +120° +240°
- 896634
Sneaky Sesame
- 237C7B
≈ Zirconia Teal
- 7F5F8E
≈ Plum Power
Complementare divisa +150° +210°
- 896634
Sneaky Sesame
- 2F7790
≈ Adventure
- 68679B
≈ Dark Horizon
Tetradico +90° +180° +270°
- 896634
Sneaky Sesame
- 3A7C61
≈ Liquid Green Stuff
- 4C6F9B
≈ Cobalt Flame
- 8F5A79
≈ Blackberry Tint
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.01:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--sneaky-sesame: #896634;
--sneaky-sesame-rgb: 137 102 52;
--sneaky-sesame-oklch: oklch(0.535 0.081 74.4);
}
.element {
color: var(--sneaky-sesame);
background-color: hsl(35 45% 37%);
border-color: oklch(0.535 0.081 74.4);
}Tailwind CSS v4
@theme {
--color-sneaky-sesame: #896634;
--color-sneaky-sesame-50: #fff3dc;
--color-sneaky-sesame-100: #f8e5cb;
--color-sneaky-sesame-200: #e8d0ae;
--color-sneaky-sesame-300: #cfb289;
--color-sneaky-sesame-400: #bb9868;
--color-sneaky-sesame-500: #a67e46;
--color-sneaky-sesame-600: #8c6b3c;
--color-sneaky-sesame-700: #705530;
--color-sneaky-sesame-800: #543e21;
--color-sneaky-sesame-900: #3a2a16;
--color-sneaky-sesame-950: #241807;
}SCSS
$sneaky-sesame: #896634;
$sneaky-sesame-rgb: 137, 102, 52;
$sneaky-sesame-light: mix(#fff, $sneaky-sesame, 20%);
$sneaky-sesame-dark: mix(#000, $sneaky-sesame, 20%);
.element {
color: $sneaky-sesame;
box-shadow: 0 0 0 2px rgba($sneaky-sesame, 0.35);
}