Adlandırılmış renk · #908379
Timeless Taupe
Timeless Taupe, #908379: rgb(144 131 121), hsl(26 9% 52%), oklch(0.619 0.022 60). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Timeless Taupe color name →
#908379
oklch(0.619 0.022 60)
Renk dönüşümleri
- HEX
- #908379
- RGB
- rgb(144 131 121)
- HSL
- hsl(26 9% 52%)
- HWB
- hwb(26 47% 44%)
- OKLCH
- oklch(0.619 0.022 60)
- OKLab
- oklab(0.619 0.011 0.019)
- CIE Lab
- lab(55.72 3.79 7.31)
- LCH
- lch(55.72 8.23 62.6)
- CMYK
- cmyk(0% 9% 16% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9B8F86
- A59B92
- B0A79F
- BBB3AD
- C6BFBA
- D1CCC7
- DDD8D5
- E8E5E3
- F3F2F1
Koyu tonlar
- 7D7168
- 6A6058
- 574F48
- 453F39
- 342F2B
- 24201D
- 151210
- 070605
- 010101
Gri tonlar
- 8E837A
- 8D827A
- 8B827B
- 8A827C
- 88827D
- 86817D
- 85817E
- 83817F
- 82807F
Renk uyumları
Tamamlayıcı +180°
- 908379
Timeless Taupe
- 7A8892
≈ Deep Channel
Analog -30° +30°
- 908379
Timeless Taupe
- 92817E
≈ Warm Embrace
- 8B8577
≈ Roller Coaster
Üçlü +120° +240°
- 908379
Timeless Taupe
- 788A86
≈ Juniper Ash
- 878391
≈ Formal Affair
Bölünmüş tamamlayıcı +150° +210°
- 908379
Timeless Taupe
- 778A8D
≈ Leisure Time
- 808593
≈ Cold Trade Winds
Dörtlü +90° +180° +270°
- 908379
Timeless Taupe
- 7D8A7F
≈ Salty Sea
- 7A8892
≈ Deep Channel
- 8E818C
≈ Lavendaire
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.67:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.70:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.70:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--timeless-taupe: #908379;
--timeless-taupe-rgb: 144 131 121;
--timeless-taupe-oklch: oklch(0.619 0.022 60);
}
.element {
color: var(--timeless-taupe);
background-color: hsl(26 9% 52%);
border-color: oklch(0.619 0.022 60);
}Tailwind CSS v4
@theme {
--color-timeless-taupe: #908379;
--color-timeless-taupe-50: #faf4ef;
--color-timeless-taupe-100: #ede6e1;
--color-timeless-taupe-200: #dbd2cb;
--color-timeless-taupe-300: #c0b5ac;
--color-timeless-taupe-400: #a89c92;
--color-timeless-taupe-500: #918378;
--color-timeless-taupe-600: #7b6f66;
--color-timeless-taupe-700: #625951;
--color-timeless-taupe-800: #48413b;
--color-timeless-taupe-900: #322d29;
--color-timeless-taupe-950: #1e1a16;
}SCSS
$timeless-taupe: #908379;
$timeless-taupe-rgb: 144, 131, 121;
$timeless-taupe-light: mix(#fff, $timeless-taupe, 20%);
$timeless-taupe-dark: mix(#000, $timeless-taupe, 20%);
.element {
color: $timeless-taupe;
box-shadow: 0 0 0 2px rgba($timeless-taupe, 0.35);
}