En yakın adlandırılmış renk · #81452F
#81452F
En yakın adlandırılmış renk: Cacao Nibs
#81452F (rgb(129 69 47), hsl(16 47% 35%), oklch(0.459 0.089 40.6)) en çok Cacao Nibs 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.
#81452F
oklch(0.459 0.089 40.6)
Renk dönüşümleri
- HEX
- #81452f
- RGB
- rgb(129 69 47)
- HSL
- hsl(16 47% 35%)
- HWB
- hwb(16 18% 49%)
- OKLCH
- oklch(0.459 0.089 40.6)
- OKLab
- oklab(0.459 0.068 0.058)
- CIE Lab
- lab(36.6 24.78 25.07)
- LCH
- lch(36.6 35.25 45.3)
- CMYK
- cmyk(0% 47% 64% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8E5743
- 9B6856
- A87A6A
- B58C7E
- C19F93
- CEB2A7
- DAC4BD
- E6D8D3
- F3EBE9
Koyu tonlar
- 6F3B27
- 5E3120
- 4E2719
- 3E1E12
- 2E150C
- 1F0C06
- 120503
- 060201
- 010000
Gri tonlar
- 824B38
- 825140
- 835848
- 835D50
- 836358
- 836960
- 826F68
- 827570
- 817A78
Renk uyumları
Tamamlayıcı +180°
- 81452F
Cacao Nibs
- 006278
≈ Jamaican Dream
Analog -30° +30°
- 81452F
Cacao Nibs
- 81414C
≈ Dark Strawberry
- 774E14
≈ Lucky Brown
Üçlü +120° +240°
- 81452F
Cacao Nibs
- 1D6747
≈ Brunswick
- 4F5188
≈ Twilight
Bölünmüş tamamlayıcı +150° +210°
- 81452F
Cacao Nibs
- 006662
≈ Peacock Pride
- 2E5A88
≈ Dead Lake
Dörtlü +90° +180° +270°
- 81452F
Cacao Nibs
- 466229
≈ Dell
- 006278
≈ Jamaican Dream
- 67497C
≈ Perfectly Purple
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.43:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.82:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.43:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--cacao-nibs: #81452f;
--cacao-nibs-rgb: 129 69 47;
--cacao-nibs-oklch: oklch(0.459 0.089 40.6);
}
.element {
color: var(--cacao-nibs);
background-color: hsl(16 47% 35%);
border-color: oklch(0.459 0.089 40.6);
}Tailwind CSS v4
@theme {
--color-cacao-nibs: #81452f;
--color-cacao-nibs-50: #ffeee1;
--color-cacao-nibs-100: #ffdfd1;
--color-cacao-nibs-200: #f6c9b7;
--color-cacao-nibs-300: #e0a993;
--color-cacao-nibs-400: #cc8d76;
--color-cacao-nibs-500: #b87157;
--color-cacao-nibs-600: #9c604a;
--color-cacao-nibs-700: #7d4d3b;
--color-cacao-nibs-800: #5d372b;
--color-cacao-nibs-900: #41261d;
--color-cacao-nibs-950: #29140d;
}SCSS
$cacao-nibs: #81452f;
$cacao-nibs-rgb: 129, 69, 47;
$cacao-nibs-light: mix(#fff, $cacao-nibs, 20%);
$cacao-nibs-dark: mix(#000, $cacao-nibs, 20%);
.element {
color: $cacao-nibs;
box-shadow: 0 0 0 2px rgba($cacao-nibs, 0.35);
}