En yakın adlandırılmış renk · #825223
#825223
En yakın adlandırılmış renk: Milk Chocolate
#825223 (rgb(130 82 35), hsl(30 58% 32%), oklch(0.483 0.089 62.2)) 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.
#825223
oklch(0.483 0.089 62.2)
Renk dönüşümleri
- HEX
- #825223
- RGB
- rgb(130 82 35)
- HSL
- hsl(30 58% 32%)
- HWB
- hwb(30 14% 49%)
- OKLCH
- oklch(0.483 0.089 62.2)
- OKLab
- oklab(0.483 0.042 0.079)
- CIE Lab
- lab(39.78 17.43 35.26)
- LCH
- lch(39.78 39.33 63.7)
- CMYK
- cmyk(0% 37% 73% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8F623A
- 9B734F
- A88465
- B4957A
- C0A68F
- CDB7A5
- D9C9BB
- E6DBD1
- F2EDE8
Koyu tonlar
- 70461D
- 5F3B17
- 4E2F11
- 3E250C
- 2F1A07
- 201104
- 120801
- 060200
- 010000
Gri tonlar
- 82572E
- 825C39
- 836042
- 83654C
- 826A55
- 826E5D
- 827366
- 81776F
- 817C77
Renk uyumları
Tamamlayıcı +180°
- 825223
Milk Chocolate
- 29648C
≈ Traditional Blue
Analog -30° +30°
- 825223
Milk Chocolate
- 8A4A3E
≈ Deep Terra Cotta
- 715D17
≈ Hot Mustard
Üçlü +120° +240°
- 825223
Milk Chocolate
- 006E62
≈ Deep Pacific
- 685288
≈ Zimidar
Bölünmüş tamamlayıcı +150° +210°
- 825223
Milk Chocolate
- 006B7A
≈ Mary Blue
- 4D5B91
≈ Nightly Silhouette
Dörtlü +90° +180° +270°
- 825223
Milk Chocolate
- 326D45
≈ Arcala Green
- 29648C
≈ Traditional Blue
- 7C4B75
≈ Magic Magenta
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.60:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.18:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--milk-chocolate: #825223;
--milk-chocolate-rgb: 130 82 35;
--milk-chocolate-oklch: oklch(0.483 0.089 62.2);
}
.element {
color: var(--milk-chocolate);
background-color: hsl(30 58% 32%);
border-color: oklch(0.483 0.089 62.2);
}Tailwind CSS v4
@theme {
--color-milk-chocolate: #825223;
--color-milk-chocolate-50: #fff0db;
--color-milk-chocolate-100: #fee2ca;
--color-milk-chocolate-200: #f0cdad;
--color-milk-chocolate-300: #d8ae88;
--color-milk-chocolate-400: #c59367;
--color-milk-chocolate-500: #b07844;
--color-milk-chocolate-600: #95663b;
--color-milk-chocolate-700: #77512f;
--color-milk-chocolate-800: #593b21;
--color-milk-chocolate-900: #3e2816;
--color-milk-chocolate-950: #271607;
}SCSS
$milk-chocolate: #825223;
$milk-chocolate-rgb: 130, 82, 35;
$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);
}