En yakın adlandırılmış renk · #80501A
#80501A
En yakın adlandırılmış renk: Milk Chocolate
#80501A (rgb(128 80 26), hsl(32 66% 30%), oklch(0.476 0.093 64.7)) en çok Milk Chocolate 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.
#80501A
oklch(0.476 0.093 64.7)
Renk dönüşümleri
- HEX
- #80501a
- RGB
- rgb(128 80 26)
- HSL
- hsl(32 66% 30%)
- HWB
- hwb(32 10% 50%)
- OKLCH
- oklch(0.476 0.093 64.7)
- OKLab
- oklab(0.476 0.04 0.084)
- CIE Lab
- lab(38.93 17.31 38.64)
- LCH
- lch(38.93 42.34 65.9)
- CMYK
- cmyk(0% 38% 80% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8D6134
- 99714A
- A68260
- B39376
- BFA58C
- CCB6A2
- D9C8B9
- E5DAD0
- F2ECE7
Koyu tonlar
- 6E4415
- 5D3910
- 4D2E0C
- 3D2407
- 2E1A04
- 1F1002
- 120701
- 060200
- 010000
Gri tonlar
- 805528
- 815A33
- 815F3E
- 816448
- 816952
- 816E5B
- 817264
- 81776E
- 817B77
Renk uyumları
Tamamlayıcı +180°
- 80501A
Milk Chocolate
- 27618D
≈ Copenhagen Blue
Analog -30° +30°
- 80501A
Milk Chocolate
- 894737
≈ Burning Brier
- 6D5B0C
≈ Hot Mustard
Üçlü +120° +240°
- 80501A
Milk Chocolate
- 006B62
≈ Fashion Blue
- 684E86
≈ Zimidar
Bölünmüş tamamlayıcı +150° +210°
- 80501A
Milk Chocolate
- 00687A
≈ Teal With It
- 4D5790
≈ Onion Skin Blue
Dörtlü +90° +180° +270°
- 80501A
Milk Chocolate
- 296C44
≈ Billiard Ball
- 27618D
≈ Copenhagen Blue
- 7C4771
≈ Magic Magenta
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.81:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.08:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.81:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--milk-chocolate: #80501a;
--milk-chocolate-rgb: 128 80 26;
--milk-chocolate-oklch: oklch(0.476 0.093 64.7);
}
.element {
color: var(--milk-chocolate);
background-color: hsl(32 66% 30%);
border-color: oklch(0.476 0.093 64.7);
}Tailwind CSS v4
@theme {
--color-milk-chocolate: #80501a;
--color-milk-chocolate-50: #fff1da;
--color-milk-chocolate-100: #fee3c8;
--color-milk-chocolate-200: #f0cdab;
--color-milk-chocolate-300: #d8af84;
--color-milk-chocolate-400: #c59362;
--color-milk-chocolate-500: #b1783e;
--color-milk-chocolate-600: #956636;
--color-milk-chocolate-700: #78522b;
--color-milk-chocolate-800: #593b1e;
--color-milk-chocolate-900: #3e2814;
--color-milk-chocolate-950: #271606;
}SCSS
$milk-chocolate: #80501a;
$milk-chocolate-rgb: 128, 80, 26;
$milk-chocolate-light: mix(#fff, $milk-chocolate, 20%);
$milk-chocolate-dark: mix(#000, $milk-chocolate, 20%);
.element {
color: $milk-chocolate;
box-shadow: 0 0 0 2px rgba($milk-chocolate, 0.35);
}