Adlandırılmış renk · #CCC4AE
Bauhaus Tan
Bauhaus Tan, #CCC4AE: rgb(204 196 174), hsl(44 23% 74%), oklch(0.821 0.031 90.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Bauhaus Tan color name →
#CCC4AE
oklch(0.821 0.031 90.4)
Renk dönüşümleri
- HEX
- #ccc4ae
- RGB
- rgb(204 196 174)
- HSL
- hsl(44 23% 74%)
- HWB
- hwb(44 68% 20%)
- OKLCH
- oklch(0.821 0.031 90.4)
- OKLab
- oklab(0.821 0 0.031)
- CIE Lab
- lab(79.37 0.15 12.15)
- LCH
- lch(79.37 12.15 89.3)
- CMYK
- cmyk(0% 4% 15% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D1CAB6
- D6D0BE
- DBD5C6
- E0DBCE
- E5E1D6
- EAE7DE
- EFEDE6
- F5F3EE
- FAF9F7
Koyu tonlar
- B1AA97
- 979180
- 7E786A
- 656155
- 4E4A41
- 37352E
- 22211C
- 0F0E0B
- 020201
Gri tonlar
- C4BDA9
- BCB6A5
- B5AFA0
- ADA89B
- A5A197
- 9E9B92
- 96948E
- 8F8D89
- 878785
Renk uyumları
Tamamlayıcı +180°
- CCC4AE
Bauhaus Tan
- BCC4D9
≈ Alley
Analog -30° +30°
- CCC4AE
Bauhaus Tan
- D4C0B1
≈ Elusive Dawn
- C1C8B2
≈ Jugendstil Green
Üçlü +120° +240°
- CCC4AE
Bauhaus Tan
- AECAD0
≈ Floating Blue
- D1BDCE
≈ Tamed Beauty
Bölünmüş tamamlayıcı +150° +210°
- CCC4AE
Bauhaus Tan
- B3C8D7
≈ Blissful Blue
- C7C0D6
≈ Pale Violet
Dörtlü +90° +180° +270°
- CCC4AE
Bauhaus Tan
- AFCBC5
≈ Light Teal
- BCC4D9
≈ Alley
- D7BCC3
≈ Frosted Sugar
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 12.07:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--bauhaus-tan: #ccc4ae;
--bauhaus-tan-rgb: 204 196 174;
--bauhaus-tan-oklch: oklch(0.821 0.031 90.4);
}
.element {
color: var(--bauhaus-tan);
background-color: hsl(44 23% 74%);
border-color: oklch(0.821 0.031 90.4);
}Tailwind CSS v4
@theme {
--color-bauhaus-tan: #ccc4ae;
--color-bauhaus-tan-50: #f8f5eb;
--color-bauhaus-tan-100: #ebe8dc;
--color-bauhaus-tan-200: #d9d4c6;
--color-bauhaus-tan-300: #bdb7a6;
--color-bauhaus-tan-400: #a59e8a;
--color-bauhaus-tan-500: #8e866f;
--color-bauhaus-tan-600: #78715e;
--color-bauhaus-tan-700: #605a4b;
--color-bauhaus-tan-800: #474236;
--color-bauhaus-tan-900: #312d25;
--color-bauhaus-tan-950: #1d1a14;
}SCSS
$bauhaus-tan: #ccc4ae;
$bauhaus-tan-rgb: 204, 196, 174;
$bauhaus-tan-light: mix(#fff, $bauhaus-tan, 20%);
$bauhaus-tan-dark: mix(#000, $bauhaus-tan, 20%);
.element {
color: $bauhaus-tan;
box-shadow: 0 0 0 2px rgba($bauhaus-tan, 0.35);
}