Adlandırılmış renk · #BDAB9B
Old Doeskin
Old Doeskin, #BDAB9B: rgb(189 171 155), hsl(28 20% 67%), oklch(0.752 0.031 64). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Old Doeskin color name →
#BDAB9B
oklch(0.752 0.031 64)
Renk dönüşümleri
- HEX
- #bdab9b
- RGB
- rgb(189 171 155)
- HSL
- hsl(28 20% 67%)
- HWB
- hwb(28 61% 26%)
- OKLCH
- oklch(0.752 0.031 64)
- OKLab
- oklab(0.752 0.013 0.028)
- CIE Lab
- lab(71.22 4.77 10.76)
- LCH
- lch(71.22 11.77 66.1)
- CMYK
- cmyk(0% 10% 18% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3B3A5
- CABBAE
- D1C4B8
- D7CCC2
- DED4CC
- E4DDD6
- EBE5E0
- F2EEEA
- F8F6F5
Koyu tonlar
- A49486
- 8C7E72
- 74685E
- 5D544B
- 474039
- 332D28
- 1F1B18
- 0D0B09
- 020101
Gri tonlar
- B7A798
- B1A296
- AA9E93
- A49A90
- 9E958E
- 98918B
- 928D88
- 8C8885
- 868483
Renk uyumları
Tamamlayıcı +180°
- BDAB9B
Old Doeskin
- 9FB1C1
≈ Blue Pot
Analog -30° +30°
- BDAB9B
Old Doeskin
- C1A8A2
≈ Sable Cloaked
- B5AF99
≈ True Khaki
Üçlü +120° +240°
- BDAB9B
Old Doeskin
- 9AB5B1
≈ Lake Forest
- B3AABF
≈ Wisteria Trellis
Bölünmüş tamamlayıcı +150° +210°
- BDAB9B
Old Doeskin
- 99B4BB
≈ Blue Shell
- A8AEC3
≈ Upscale
Dörtlü +90° +180° +270°
- BDAB9B
Old Doeskin
- A0B5A6
≈ Frosty Green
- 9FB1C1
≈ Blue Pot
- BBA8B7
≈ Soft Heather
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.21:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.46:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--old-doeskin: #bdab9b;
--old-doeskin-rgb: 189 171 155;
--old-doeskin-oklch: oklch(0.752 0.031 64);
}
.element {
color: var(--old-doeskin);
background-color: hsl(28 20% 67%);
border-color: oklch(0.752 0.031 64);
}Tailwind CSS v4
@theme {
--color-old-doeskin: #bdab9b;
--color-old-doeskin-50: #fbf4ec;
--color-old-doeskin-100: #efe6dd;
--color-old-doeskin-200: #ded2c7;
--color-old-doeskin-300: #c3b5a7;
--color-old-doeskin-400: #ac9b8c;
--color-old-doeskin-500: #958271;
--color-old-doeskin-600: #7e6e60;
--color-old-doeskin-700: #65584d;
--color-old-doeskin-800: #4a4038;
--color-old-doeskin-900: #342c26;
--color-old-doeskin-950: #1f1914;
}SCSS
$old-doeskin: #bdab9b;
$old-doeskin-rgb: 189, 171, 155;
$old-doeskin-light: mix(#fff, $old-doeskin, 20%);
$old-doeskin-dark: mix(#000, $old-doeskin, 20%);
.element {
color: $old-doeskin;
box-shadow: 0 0 0 2px rgba($old-doeskin, 0.35);
}