En yakın adlandırılmış renk · #8C3500
#8C3500
En yakın adlandırılmış renk: Espresso Martini
#8C3500 (rgb(140 53 0), hsl(23 100% 27%), oklch(0.446 0.13 43.8)) en çok Espresso Martini adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8C3500
oklch(0.446 0.13 43.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 994A25
- A65E3E
- B27156
- BE856D
- C99985
- D5AD9C
- E0C1B4
- EAD6CD
- F5EAE6
Koyu tonlar
- 792D00
- 672500
- 551D00
- 431500
- 330E00
- 230800
- 140300
- 070100
- 010000
Gri tonlar
- 8C3E18
- 8C4727
- 8C4F34
- 8B5640
- 8A5E4B
- 896556
- 876C60
- 85736B
- 837975
Renk uyumları
Tamamlayıcı +180°
- 8C3500
Espresso Martini
- 005E76
≈ Lyons Blue
Analog -30° +30°
- 8C3500
Espresso Martini
- 8E2D3E
≈ Rumba Red
- 734B00
≈ Antique Bronze
Üçlü +120° +240°
- 8C3500
Espresso Martini
- 006446
≈ Aotake Bamboo
- 4D4699
≈ Liberty
Bölünmüş tamamlayıcı +150° +210°
- 8C3500
Espresso Martini
- 006160
≈ Emerald Stone
- 10549A
≈ Standing Waters
Dörtlü +90° +180° +270°
- 8C3500
Espresso Martini
- 346200
≈ Keen Green
- 005E76
≈ Lyons Blue
- 6E3A86
≈ Amaranth Purple
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.00:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.62:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 8.00:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
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);
}