Couleur nommée la plus proche · #8C3500
#8C3500
Couleur nommée la plus proche: Espresso Martini
#8C3500 (rgb(140 53 0), hsl(23 100% 27%), oklch(0.446 0.13 43.8)) est la plus proche de la couleur nommée Espresso Martini. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8C3500
oklch(0.446 0.13 43.8)
Conversions de couleur
- HEX
- #8c3500
- RGB
- rgb(140 53 0)
- HSL
- hsl(23 100% 27%)
- HWB
- hwb(23 0% 45%)
- OKLCH
- oklch(0.446 0.13 43.8)
- OKLab
- oklab(0.446 0.094 0.09)
- CIE Lab
- lab(34.78 36.24 46.54)
- LCH
- lch(34.78 58.99 52.1)
- CMYK
- cmyk(0% 62% 100% 45%)
Teintes · Ombres · Tons
Teintes
- 994A25
- A65E3E
- B27156
- BE856D
- C99985
- D5AD9C
- E0C1B4
- EAD6CD
- F5EAE6
Ombres
- 792D00
- 672500
- 551D00
- 431500
- 330E00
- 230800
- 140300
- 070100
- 010000
Tons
- 8C3E18
- 8C4727
- 8C4F34
- 8B5640
- 8A5E4B
- 896556
- 876C60
- 85736B
- 837975
Harmonies de couleurs
Complémentaire +180°
- 8C3500
Espresso Martini
- 005E76
≈ Lyons Blue
Analogue -30° +30°
- 8C3500
Espresso Martini
- 8E2D3E
≈ Rumba Red
- 734B00
≈ Antique Bronze
Triadique +120° +240°
- 8C3500
Espresso Martini
- 006446
≈ Aotake Bamboo
- 4D4699
≈ Liberty
Complémentaire divisée +150° +210°
- 8C3500
Espresso Martini
- 006160
≈ Emerald Stone
- 10549A
≈ Standing Waters
Tétradique +90° +180° +270°
- 8C3500
Espresso Martini
- 346200
≈ Keen Green
- 005E76
≈ Lyons Blue
- 6E3A86
≈ Amaranth Purple
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.00:1 · APCA Lc 87
Ag
FailSur noir
WCAG 2.62:1 · APCA Lc 15
Meilleure couleur de texte: #FFFFFF
WCAG 8.00:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
CSS
:root {
--espresso-martini: #8c3500;
--espresso-martini-rgb: 140 53 0;
--espresso-martini-oklch: oklch(0.446 0.13 43.8);
}
.element {
color: var(--espresso-martini);
background-color: hsl(23 100% 27%);
border-color: oklch(0.446 0.13 43.8);
}Tailwind CSS v4
@theme {
--color-espresso-martini: #8c3500;
--color-espresso-martini-50: #ffead7;
--color-espresso-martini-100: #ffdbc4;
--color-espresso-martini-200: #ffc3a6;
--color-espresso-martini-300: #efa27e;
--color-espresso-martini-400: #de835c;
--color-espresso-martini-500: #cb6536;
--color-espresso-martini-600: #ab562f;
--color-espresso-martini-700: #8a4525;
--color-espresso-martini-800: #67311b;
--color-espresso-martini-900: #482111;
--color-espresso-martini-950: #2f1004;
}SCSS
$espresso-martini: #8c3500;
$espresso-martini-rgb: 140, 53, 0;
$espresso-martini-light: mix(#fff, $espresso-martini, 20%);
$espresso-martini-dark: mix(#000, $espresso-martini, 20%);
.element {
color: $espresso-martini;
box-shadow: 0 0 0 2px rgba($espresso-martini, 0.35);
}