En yakın adlandırılmış renk · #8C493B
#8C493B
En yakın adlandırılmış renk: Chocolate Explosion
#8C493B (rgb(140 73 59), hsl(10 41% 39%), oklch(0.484 0.094 32.9)) en çok Chocolate Explosion 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.
#8C493B
oklch(0.484 0.094 32.9)
Renk dönüşümleri
- HEX
- #8c493b
- RGB
- rgb(140 73 59)
- HSL
- hsl(10 41% 39%)
- HWB
- hwb(10 23% 45%)
- OKLCH
- oklch(0.484 0.094 32.9)
- OKLab
- oklab(0.484 0.079 0.051)
- CIE Lab
- lab(39.37 27.99 21.73)
- LCH
- lch(39.37 35.44 37.8)
- CMYK
- cmyk(0% 48% 58% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 985A4D
- A46C5F
- B07D72
- BC8F85
- C7A199
- D3B4AC
- DEC6C1
- E9D9D5
- F4ECEA
Koyu tonlar
- 793E32
- 673429
- 552A21
- 432019
- 331711
- 230E09
- 140604
- 070201
- 010000
Gri tonlar
- 8C4F42
- 8B5549
- 8A5B50
- 8A6057
- 89665E
- 876B65
- 86706B
- 847672
- 827B79
Renk uyumları
Tamamlayıcı +180°
- 8C493B
Chocolate Explosion
- 006B7B
≈ Teal With It
Analog -30° +30°
- 8C493B
Chocolate Explosion
- 8A465A
≈ Redcurrant
- 84521D
≈ Precious Copper
Üçlü +120° +240°
- 8C493B
Chocolate Explosion
- 2D6E44
≈ Billiard Ball
- 4D5A94
≈ Nightly Silhouette
Bölünmüş tamamlayıcı +150° +210°
- 8C493B
Chocolate Explosion
- 006E63
≈ Deep Pacific
- 266490
≈ Starry Night
Dörtlü +90° +180° +270°
- 8C493B
Chocolate Explosion
- 556725
≈ Bimi Green
- 006B7B
≈ Teal With It
- 6A518A
≈ Zimidar
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.70:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.13:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--chocolate-explosion: #8c493b;
--chocolate-explosion-rgb: 140 73 59;
--chocolate-explosion-oklch: oklch(0.484 0.094 32.9);
}
.element {
color: var(--chocolate-explosion);
background-color: hsl(10 41% 39%);
border-color: oklch(0.484 0.094 32.9);
}Tailwind CSS v4
@theme {
--color-chocolate-explosion: #8c493b;
--color-chocolate-explosion-50: #ffece3;
--color-chocolate-explosion-100: #ffded3;
--color-chocolate-explosion-200: #fac7b9;
--color-chocolate-explosion-300: #e3a797;
--color-chocolate-explosion-400: #d08a7a;
--color-chocolate-explosion-500: #bc6e5d;
--color-chocolate-explosion-600: #9f5d4f;
--color-chocolate-explosion-700: #804a3f;
--color-chocolate-explosion-800: #5f352e;
--color-chocolate-explosion-900: #42241f;
--color-chocolate-explosion-950: #2b130f;
}SCSS
$chocolate-explosion: #8c493b;
$chocolate-explosion-rgb: 140, 73, 59;
$chocolate-explosion-light: mix(#fff, $chocolate-explosion, 20%);
$chocolate-explosion-dark: mix(#000, $chocolate-explosion, 20%);
.element {
color: $chocolate-explosion;
box-shadow: 0 0 0 2px rgba($chocolate-explosion, 0.35);
}