En yakın adlandırılmış renk · #873300
#873300
En yakın adlandırılmış renk: Espresso Martini
#873300 (rgb(135 51 0), hsl(23 100% 26%), oklch(0.435 0.127 43.9)) 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.
#873300
oklch(0.435 0.127 43.9)
Renk dönüşümleri
- HEX
- #873300
- RGB
- rgb(135 51 0)
- HSL
- hsl(23 100% 26%)
- HWB
- hwb(23 0% 47%)
- OKLCH
- oklch(0.435 0.127 43.9)
- OKLab
- oklab(0.435 0.091 0.088)
- CIE Lab
- lab(33.49 35.21 45.3)
- LCH
- lch(33.49 57.38 52.1)
- CMYK
- cmyk(0% 62% 100% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 944824
- A15C3D
- AE7055
- BA846C
- C79884
- D2AC9C
- DEC0B4
- E9D5CD
- F4EAE6
Koyu tonlar
- 752B00
- 632300
- 511C00
- 411400
- 310D00
- 210700
- 130300
- 060100
- 010000
Gri tonlar
- 883C17
- 884526
- 884D33
- 88553F
- 875C4A
- 876455
- 856B60
- 84726B
- 827975
Renk uyumları
Tamamlayıcı +180°
- 873300
Espresso Martini
- 005A72
≈ Octagon Ocean
Analog -30° +30°
- 873300
Espresso Martini
- 892B3C
≈ Thrill Ride
- 6F4800
≈ Antique Bronze
Üçlü +120° +240°
- 873300
Espresso Martini
- 006143
≈ Aotake Bamboo
- 4B4393
≈ Blueberry
Bölünmüş tamamlayıcı +150° +210°
- 873300
Espresso Martini
- 005E5D
≈ Sandhill Crane
- 105194
≈ Blue Olympus
Dörtlü +90° +180° +270°
- 873300
Espresso Martini
- 325F00
≈ Thuja Green
- 005A72
≈ Octagon Ocean
- 6A3781
≈ Galactic Grapevine
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.38:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.50:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.38:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--espresso-martini: #873300;
--espresso-martini-rgb: 135 51 0;
--espresso-martini-oklch: oklch(0.435 0.127 43.9);
}
.element {
color: var(--espresso-martini);
background-color: hsl(23 100% 26%);
border-color: oklch(0.435 0.127 43.9);
}Tailwind CSS v4
@theme {
--color-espresso-martini: #873300;
--color-espresso-martini-50: #ffebd7;
--color-espresso-martini-100: #ffdcc5;
--color-espresso-martini-200: #ffc4a7;
--color-espresso-martini-300: #eea380;
--color-espresso-martini-400: #dc845e;
--color-espresso-martini-500: #c96639;
--color-espresso-martini-600: #aa5731;
--color-espresso-martini-700: #894627;
--color-espresso-martini-800: #66311c;
--color-espresso-martini-900: #482212;
--color-espresso-martini-950: #2f1005;
}SCSS
$espresso-martini: #873300;
$espresso-martini-rgb: 135, 51, 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);
}