Adlandırılmış renk · #B1A290
Tony Taupe
Tony Taupe, #B1A290: rgb(177 162 144), hsl(33 17% 63%), oklch(0.72 0.031 72.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Tony Taupe color name →
#B1A290
oklch(0.72 0.031 72.3)
Renk dönüşümleri
- HEX
- #b1a290
- RGB
- rgb(177 162 144)
- HSL
- hsl(33 17% 63%)
- HWB
- hwb(33 56% 31%)
- OKLCH
- oklch(0.72 0.031 72.3)
- OKLab
- oklab(0.72 0.009 0.029)
- CIE Lab
- lab(67.56 3.43 11.48)
- LCH
- lch(67.56 11.98 73.4)
- CMYK
- cmyk(0% 8% 19% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9AB9B
- C0B4A5
- C8BDB0
- D0C6BB
- D7D0C6
- DFD9D1
- E7E2DD
- EFECE8
- F7F5F3
Koyu tonlar
- 998C7D
- 83776A
- 6C6357
- 574F45
- 423C34
- 2F2A24
- 1C1915
- 0C0A07
- 010101
Gri tonlar
- AC9F8E
- A79B8D
- A2988B
- 9D948A
- 989188
- 938D87
- 8E8A85
- 8A8783
- 858382
Renk uyumları
Tamamlayıcı +180°
- B1A290
Tony Taupe
- 97A6B8
≈ Moon Shadow
Analog -30° +30°
- B1A290
Tony Taupe
- B69F96
≈ Big Horn Mountains
- A8A690
≈ Lodgepole Pines
Üçlü +120° +240°
- B1A290
Tony Taupe
- 8FABAA
≈ Oceanus
- AB9FB3
≈ Grapeade
Bölünmüş tamamlayıcı +150° +210°
- B1A290
Tony Taupe
- 90A9B3
≈ Windsurf
- A1A3B8
≈ Icelandic Blue
Dörtlü +90° +180° +270°
- B1A290
Tony Taupe
- 94AB9F
≈ Melville
- 97A6B8
≈ Moon Shadow
- B39DAA
≈ Symbolic
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.48:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.44:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.44:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--tony-taupe: #b1a290;
--tony-taupe-rgb: 177 162 144;
--tony-taupe-oklch: oklch(0.72 0.031 72.3);
}
.element {
color: var(--tony-taupe);
background-color: hsl(33 17% 63%);
border-color: oklch(0.72 0.031 72.3);
}Tailwind CSS v4
@theme {
--color-tony-taupe: #b1a290;
--color-tony-taupe-50: #fbf4ec;
--color-tony-taupe-100: #eee7dd;
--color-tony-taupe-200: #dcd3c6;
--color-tony-taupe-300: #c1b5a6;
--color-tony-taupe-400: #aa9c8b;
--color-tony-taupe-500: #938370;
--color-tony-taupe-600: #7c6f5f;
--color-tony-taupe-700: #64594c;
--color-tony-taupe-800: #494137;
--color-tony-taupe-900: #332d26;
--color-tony-taupe-950: #1f1a14;
}SCSS
$tony-taupe: #b1a290;
$tony-taupe-rgb: 177, 162, 144;
$tony-taupe-light: mix(#fff, $tony-taupe, 20%);
$tony-taupe-dark: mix(#000, $tony-taupe, 20%);
.element {
color: $tony-taupe;
box-shadow: 0 0 0 2px rgba($tony-taupe, 0.35);
}