Adlandırılmış renk · #C5AF91
Peculiarly Drab Tincture
Peculiarly Drab Tincture, #C5AF91: rgb(197 175 145), hsl(35 31% 67%), oklch(0.765 0.048 75.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Peculiarly Drab Tincture color name →
#C5AF91
oklch(0.765 0.048 75.5)
Renk dönüşümleri
- HEX
- #c5af91
- RGB
- rgb(197 175 145)
- HSL
- hsl(35 31% 67%)
- HWB
- hwb(35 57% 23%)
- OKLCH
- oklch(0.765 0.048 75.5)
- OKLab
- oklab(0.765 0.012 0.047)
- CIE Lab
- lab(72.81 4.78 18.5)
- LCH
- lch(72.81 19.11 75.5)
- CMYK
- cmyk(0% 11% 26% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBB79C
- D1BFA7
- D6C7B1
- DCCFBC
- E2D6C7
- E8DFD2
- EDE7DD
- F3EFE8
- F9F7F4
Koyu tonlar
- AB987D
- 92816A
- 796B58
- 615646
- 4B4135
- 352E25
- 211C15
- 0E0B07
- 020101
Gri tonlar
- BEAA8F
- B7A58E
- B0A18C
- A99C8B
- A29789
- 9B9387
- 948E85
- 8D8984
- 878582
Renk uyumları
Tamamlayıcı +180°
- C5AF91
Peculiarly Drab Tincture
- 9FB5D2
≈ Blue Satin
Analog -30° +30°
- C5AF91
Peculiarly Drab Tincture
- CEAA9A
≈ Tempting Taupe
- B7B592
≈ Young Willow
Üçlü +120° +240°
- C5AF91
Peculiarly Drab Tincture
- 8FBDBC
≈ Blithe Blue
- BFAAC8
≈ Fancy Pansy
Bölünmüş tamamlayıcı +150° +210°
- C5AF91
Peculiarly Drab Tincture
- 92BACA
≈ Blue Echo
- AFAFD1
≈ Pixie Violet
Dörtlü +90° +180° +270°
- C5AF91
Peculiarly Drab Tincture
- 97BDAB
≈ Scenic View
- 9FB5D2
≈ Blue Satin
- CAA7B9
≈ Fragrant Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.91:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--peculiarly-drab-tincture: #c5af91;
--peculiarly-drab-tincture-rgb: 197 175 145;
--peculiarly-drab-tincture-oklch: oklch(0.765 0.048 75.5);
}
.element {
color: var(--peculiarly-drab-tincture);
background-color: hsl(35 31% 67%);
border-color: oklch(0.765 0.048 75.5);
}Tailwind CSS v4
@theme {
--color-peculiarly-drab-tincture: #c5af91;
--color-peculiarly-drab-tincture-50: #fdf4e6;
--color-peculiarly-drab-tincture-100: #f1e6d6;
--color-peculiarly-drab-tincture-200: #e0d2be;
--color-peculiarly-drab-tincture-300: #c5b59c;
--color-peculiarly-drab-tincture-400: #af9b7f;
--color-peculiarly-drab-tincture-500: #998262;
--color-peculiarly-drab-tincture-600: #816e54;
--color-peculiarly-drab-tincture-700: #685843;
--color-peculiarly-drab-tincture-800: #4d4030;
--color-peculiarly-drab-tincture-900: #352c20;
--color-peculiarly-drab-tincture-950: #201910;
}SCSS
$peculiarly-drab-tincture: #c5af91;
$peculiarly-drab-tincture-rgb: 197, 175, 145;
$peculiarly-drab-tincture-light: mix(#fff, $peculiarly-drab-tincture, 20%);
$peculiarly-drab-tincture-dark: mix(#000, $peculiarly-drab-tincture, 20%);
.element {
color: $peculiarly-drab-tincture;
box-shadow: 0 0 0 2px rgba($peculiarly-drab-tincture, 0.35);
}