لون مسمّى · #DCD1BB
Hog Bristle
Hog Bristle هو #DCD1BB: rgb(220 209 187)، hsl(40 32% 80%)، oklch(0.864 0.032 84.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Hog Bristle color name →
#DCD1BB
oklch(0.864 0.032 84.6)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DFD6C2
- E3DAC8
- E6DFCF
- EAE3D6
- EDE8DD
- F1ECE4
- F4F1EA
- F8F6F1
- FBFAF8
درجات داكنة
- BFB5A2
- A39B8A
- 888173
- 6E685C
- 545046
- 3C3932
- 26231F
- 11100D
- 020202
درجات رمادية
- D2C9B5
- C9C0AF
- BFB8A9
- B6B0A3
- ADA89D
- A4A097
- 9B9891
- 92908C
- 898886
تناسق الألوان
متمم +180°
- DCD1BB
Hog Bristle
- C8D2E8
≈ Arctic Glow
متجاور -30° +30°
- DCD1BB
Hog Bristle
- E4CDBF
≈ Life Is a Peach
- D1D5BD
≈ Green Frost
ثلاثي +120° +240°
- DCD1BB
Hog Bristle
- BBD9DC
≈ Alexandrian Sky
- DDCBDE
≈ Decadial Pink
متمم منقسم +150° +210°
- DCD1BB
Hog Bristle
- BFD6E4
≈ Bridgewater Bay
- D3CFE6
≈ Potentially Purple
رباعي +90° +180° +270°
- DCD1BB
Hog Bristle
- BED9D1
≈ Serene Breeze
- C8D2E8
≈ Arctic Glow
- E4CAD3
≈ Barely Berry
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.51:1 · APCA Lc 24
Ag
AAAعلى الأسود
WCAG 13.88:1 · APCA Lc 79
أفضل لون للنص: #000000
WCAG 13.88:1 (AAA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
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);
}