Adlandırılmış renk · #DCD1BB
Hog Bristle
Hog Bristle, #DCD1BB: rgb(220 209 187), hsl(40 32% 80%), oklch(0.864 0.032 84.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Hog Bristle color name →
#DCD1BB
oklch(0.864 0.032 84.6)
Renk dönüşümleri
- HEX
- #dcd1bb
- RGB
- rgb(220 209 187)
- HSL
- hsl(40 32% 80%)
- HWB
- hwb(40 73% 14%)
- OKLCH
- oklch(0.864 0.032 84.6)
- OKLab
- oklab(0.864 0.003 0.032)
- CIE Lab
- lab(84.3 1.24 12.39)
- LCH
- lch(84.3 12.46 84.3)
- CMYK
- cmyk(0% 5% 15% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFD6C2
- E3DAC8
- E6DFCF
- EAE3D6
- EDE8DD
- F1ECE4
- F4F1EA
- F8F6F1
- FBFAF8
Koyu tonlar
- BFB5A2
- A39B8A
- 888173
- 6E685C
- 545046
- 3C3932
- 26231F
- 11100D
- 020202
Gri tonlar
- D2C9B5
- C9C0AF
- BFB8A9
- B6B0A3
- ADA89D
- A4A097
- 9B9891
- 92908C
- 898886
Renk uyumları
Tamamlayıcı +180°
- DCD1BB
Hog Bristle
- C8D2E8
≈ Arctic Glow
Analog -30° +30°
- DCD1BB
Hog Bristle
- E4CDBF
≈ Life Is a Peach
- D1D5BD
≈ Green Frost
Üçlü +120° +240°
- DCD1BB
Hog Bristle
- BBD9DC
≈ Alexandrian Sky
- DDCBDE
≈ Decadial Pink
Bölünmüş tamamlayıcı +150° +210°
- DCD1BB
Hog Bristle
- BFD6E4
≈ Bridgewater Bay
- D3CFE6
≈ Potentially Purple
Dörtlü +90° +180° +270°
- DCD1BB
Hog Bristle
- BED9D1
≈ Serene Breeze
- C8D2E8
≈ Arctic Glow
- E4CAD3
≈ Barely Berry
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.51:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.88:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.88:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--hog-bristle: #dcd1bb;
--hog-bristle-rgb: 220 209 187;
--hog-bristle-oklch: oklch(0.864 0.032 84.6);
}
.element {
color: var(--hog-bristle);
background-color: hsl(40 32% 80%);
border-color: oklch(0.864 0.032 84.6);
}Tailwind CSS v4
@theme {
--color-hog-bristle: #dcd1bb;
--color-hog-bristle-50: #f9f5eb;
--color-hog-bristle-100: #ece7dc;
--color-hog-bristle-200: #dad4c5;
--color-hog-bristle-300: #beb7a5;
--color-hog-bristle-400: #a79d89;
--color-hog-bristle-500: #90856e;
--color-hog-bristle-600: #7a705e;
--color-hog-bristle-700: #625a4b;
--color-hog-bristle-800: #484236;
--color-hog-bristle-900: #322d25;
--color-hog-bristle-950: #1e1a13;
}SCSS
$hog-bristle: #dcd1bb;
$hog-bristle-rgb: 220, 209, 187;
$hog-bristle-light: mix(#fff, $hog-bristle, 20%);
$hog-bristle-dark: mix(#000, $hog-bristle, 20%);
.element {
color: $hog-bristle;
box-shadow: 0 0 0 2px rgba($hog-bristle, 0.35);
}