Adlandırılmış renk · #D0C5B8
Gallery Taupe
Gallery Taupe, #D0C5B8: rgb(208 197 184), hsl(33 20% 77%), oklch(0.829 0.022 72.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Gallery Taupe color name →
#D0C5B8
oklch(0.829 0.022 72.1)
Renk dönüşümleri
- HEX
- #d0c5b8
- RGB
- rgb(208 197 184)
- HSL
- hsl(33 20% 77%)
- HWB
- hwb(33 72% 18%)
- OKLCH
- oklch(0.829 0.022 72.1)
- OKLab
- oklab(0.829 0.007 0.021)
- CIE Lab
- lab(80.16 2.34 7.99)
- LCH
- lch(80.16 8.33 73.7)
- CMYK
- cmyk(0% 5% 12% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5CBBF
- D9D0C6
- DED6CD
- E3DCD4
- E7E2DB
- ECE7E2
- F1EDE9
- F5F3F1
- FAF9F8
Koyu tonlar
- B5ABA0
- 9A9288
- 807971
- 67615B
- 4F4B45
- 393531
- 23211E
- 100E0C
- 020202
Gri tonlar
- C8BEB2
- BFB7AD
- B7B0A7
- AFA9A1
- A7A29C
- 9F9B96
- 979490
- 8F8D8B
- 888785
Renk uyumları
Tamamlayıcı +180°
- D0C5B8
Gallery Taupe
- BDC8D5
≈ Northern Exposure
Analog -30° +30°
- D0C5B8
Gallery Taupe
- D4C3BC
≈ Josephine
- C9C8B8
≈ Chrome White
Üçlü +120° +240°
- D0C5B8
Gallery Taupe
- B8CCCA
≈ Sea Sprite
- CCC3D1
≈ Orchid Hush
Bölünmüş tamamlayıcı +150° +210°
- D0C5B8
Gallery Taupe
- B8CAD1
≈ Salvaged Silk
- C4C6D5
≈ Kiri Mist
Dörtlü +90° +180° +270°
- D0C5B8
Gallery Taupe
- BBCCC3
≈ Antiqued Aqua
- BDC8D5
≈ Northern Exposure
- D2C2CB
≈ Bassinet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.36:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--gallery-taupe: #d0c5b8;
--gallery-taupe-rgb: 208 197 184;
--gallery-taupe-oklch: oklch(0.829 0.022 72.1);
}
.element {
color: var(--gallery-taupe);
background-color: hsl(33 20% 77%);
border-color: oklch(0.829 0.022 72.1);
}Tailwind CSS v4
@theme {
--color-gallery-taupe: #d0c5b8;
--color-gallery-taupe-50: #f9f4ee;
--color-gallery-taupe-100: #ece7e0;
--color-gallery-taupe-200: #dad3ca;
--color-gallery-taupe-300: #beb6ab;
--color-gallery-taupe-400: #a79d91;
--color-gallery-taupe-500: #8f8477;
--color-gallery-taupe-600: #797065;
--color-gallery-taupe-700: #615950;
--color-gallery-taupe-800: #47413a;
--color-gallery-taupe-900: #312d28;
--color-gallery-taupe-950: #1d1a16;
}SCSS
$gallery-taupe: #d0c5b8;
$gallery-taupe-rgb: 208, 197, 184;
$gallery-taupe-light: mix(#fff, $gallery-taupe, 20%);
$gallery-taupe-dark: mix(#000, $gallery-taupe, 20%);
.element {
color: $gallery-taupe;
box-shadow: 0 0 0 2px rgba($gallery-taupe, 0.35);
}