En yakın adlandırılmış renk · #845128
#845128
En yakın adlandırılmış renk: Milk Chocolate
#845128 (rgb(132 81 40), hsl(27 53% 34%), oklch(0.485 0.088 57.3)) 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.
#845128
oklch(0.485 0.088 57.3)
Renk dönüşümleri
- HEX
- #845128
- RGB
- rgb(132 81 40)
- HSL
- hsl(27 53% 34%)
- HWB
- hwb(27 16% 48%)
- OKLCH
- oklch(0.485 0.088 57.3)
- OKLab
- oklab(0.485 0.048 0.074)
- CIE Lab
- lab(39.85 19.11 32.84)
- LCH
- lch(39.85 37.99 59.8)
- CMYK
- cmyk(0% 39% 70% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 90613E
- 9D7252
- A98367
- B6947C
- C2A591
- CEB7A6
- DAC8BC
- E7DAD2
- F3EDE8
Koyu tonlar
- 724521
- 603A1B
- 4F2F15
- 3F240F
- 2F1A09
- 201004
- 120702
- 060201
- 010000
Gri tonlar
- 845632
- 845B3C
- 846045
- 84654E
- 846956
- 836E5F
- 837267
- 82776F
- 817C78
Renk uyumları
Tamamlayıcı +180°
- 845128
Milk Chocolate
- 24668B
≈ Traditional Blue
Analog -30° +30°
- 845128
Milk Chocolate
- 8A4A43
≈ Rojo Oxide
- 745B18
≈ Hot Mustard
Üçlü +120° +240°
- 845128
Milk Chocolate
- 066F5E
≈ Falcon Turquoise
- 65538B
≈ Zimidar
Bölünmüş tamamlayıcı +150° +210°
- 845128
Milk Chocolate
- 006C77
≈ Toadstool Teal
- 495D91
≈ Blue Dude
Dörtlü +90° +180° +270°
- 845128
Milk Chocolate
- 3A6C41
≈ Arcala Green
- 24668B
≈ Traditional Blue
- 794C79
≈ Spiced Plum
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.58:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.18:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.58:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--milk-chocolate: #845128;
--milk-chocolate-rgb: 132 81 40;
--milk-chocolate-oklch: oklch(0.485 0.088 57.3);
}
.element {
color: var(--milk-chocolate);
background-color: hsl(27 53% 34%);
border-color: oklch(0.485 0.088 57.3);
}Tailwind CSS v4
@theme {
--color-milk-chocolate: #845128;
--color-milk-chocolate-50: #fff0dd;
--color-milk-chocolate-100: #ffe2cb;
--color-milk-chocolate-200: #f2ccaf;
--color-milk-chocolate-300: #daad8a;
--color-milk-chocolate-400: #c6916a;
--color-milk-chocolate-500: #b27749;
--color-milk-chocolate-600: #96653e;
--color-milk-chocolate-700: #795031;
--color-milk-chocolate-800: #5a3a23;
--color-milk-chocolate-900: #3f2817;
--color-milk-chocolate-950: #281608;
}SCSS
$milk-chocolate: #845128;
$milk-chocolate-rgb: 132, 81, 40;
$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);
}