Adlandırılmış renk · #966B34
Vintage Caramel
Vintage Caramel, #966B34: rgb(150 107 52), hsl(34 49% 40%), oklch(0.561 0.09 70.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Vintage Caramel color name →
#966B34
oklch(0.561 0.09 70.8)
Renk dönüşümleri
- HEX
- #966b34
- RGB
- rgb(150 107 52)
- HSL
- hsl(34 49% 40%)
- HWB
- hwb(34 20% 41%)
- OKLCH
- oklch(0.561 0.09 70.8)
- OKLab
- oklab(0.561 0.03 0.085)
- CIE Lab
- lab(48.93 13.39 37.21)
- LCH
- lch(48.93 39.55 70.2)
- CMYK
- cmyk(0% 29% 65% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A07949
- AB875D
- B59671
- C0A485
- CAB399
- D5C2AD
- DFD1C1
- EAE0D5
- F4F0EA
Koyu tonlar
- 825C2C
- 6E4E24
- 5B3F1C
- 493215
- 37250E
- 261807
- 160D03
- 080401
- 010000
Gri tonlar
- 946D3D
- 927046
- 90724E
- 8E7456
- 8C765D
- 8A7865
- 877A6C
- 857C72
- 837E79
Renk uyumları
Tamamlayıcı +180°
- 966B34
Vintage Caramel
- 4A78A8
≈ Co Pilot
Analog -30° +30°
- 966B34
Vintage Caramel
- A1624A
≈ Deer Tracks
- 807631
≈ Spanish Bistre
Üçlü +120° +240°
- 966B34
Vintage Caramel
- 1B8581
≈ Green Lapis
- 86659C
≈ Dark Lavender
Bölünmüş tamamlayıcı +150° +210°
- 966B34
Vintage Caramel
- 26809A
≈ Valley of Glaciers
- 6B6EA9
≈ Jacaranda Jazz
Dörtlü +90° +180° +270°
- 966B34
Vintage Caramel
- 3D8563
≈ Chrysocolla Green
- 4A78A8
≈ Co Pilot
- 985F85
≈ Raspberry Jelly Red
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.71:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.44:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.71:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--vintage-caramel: #966b34;
--vintage-caramel-rgb: 150 107 52;
--vintage-caramel-oklch: oklch(0.561 0.09 70.8);
}
.element {
color: var(--vintage-caramel);
background-color: hsl(34 49% 40%);
border-color: oklch(0.561 0.09 70.8);
}Tailwind CSS v4
@theme {
--color-vintage-caramel: #966b34;
--color-vintage-caramel-50: #fff2da;
--color-vintage-caramel-100: #fbe4c8;
--color-vintage-caramel-200: #eccfaa;
--color-vintage-caramel-300: #d4b184;
--color-vintage-caramel-400: #c09562;
--color-vintage-caramel-500: #ac7b3d;
--color-vintage-caramel-600: #916835;
--color-vintage-caramel-700: #74532a;
--color-vintage-caramel-800: #573c1d;
--color-vintage-caramel-900: #3d2913;
--color-vintage-caramel-950: #261705;
}SCSS
$vintage-caramel: #966b34;
$vintage-caramel-rgb: 150, 107, 52;
$vintage-caramel-light: mix(#fff, $vintage-caramel, 20%);
$vintage-caramel-dark: mix(#000, $vintage-caramel, 20%);
.element {
color: $vintage-caramel;
box-shadow: 0 0 0 2px rgba($vintage-caramel, 0.35);
}