لون مسمّى · #A49186
Casket
Casket هو #A49186: rgb(164 145 134)، hsl(22 14% 58%)، oklch(0.67 0.028 52). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Casket color name →
#A49186
oklch(0.67 0.028 52)
تحويلات الألوان
- HEX
- #a49186
- RGB
- rgb(164 145 134)
- HSL
- hsl(22 14% 58%)
- HWB
- hwb(22 53% 36%)
- OKLCH
- oklch(0.67 0.028 52)
- OKLab
- oklab(0.67 0.017 0.022)
- CIE Lab
- lab(61.66 5.96 8.59)
- LCH
- lch(61.66 10.46 55.3)
- CMYK
- cmyk(0% 12% 18% 36%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AD9B91
- B6A69D
- BFB1A9
- C8BCB5
- D1C7C1
- DAD2CD
- E3DDD9
- ECE8E6
- F6F4F2
درجات داكنة
- 8E7D74
- 796A62
- 645851
- 504640
- 3D3530
- 2B2521
- 1A1513
- 0A0706
- 010101
درجات رمادية
- A08F85
- 9D8E85
- 998C84
- 968A84
- 928983
- 8E8782
- 8B8582
- 878381
- 848281
تناسق الألوان
متمم +180°
- A49186
Casket
- 8599A4
≈ Silver Storm
متجاور -30° +30°
- A49186
Casket
- A68F8E
≈ Ash Hollow
- 9E9482
≈ Rolling Pebble
ثلاثي +120° +240°
- A49186
Casket
- 859B93
≈ Sutherland
- 9593A6
≈ Jazz Tune
متمم منقسم +150° +210°
- A49186
Casket
- 829B9D
≈ North Beach Blue
- 8C96A7
≈ Approaching Dusk
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.01:1 · APCA Lc 57
Ag
AAعلى الأسود
WCAG 6.97:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 6.97:1 (AA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--casket: #a49186;
--casket-rgb: 164 145 134;
--casket-oklch: oklch(0.67 0.028 52);
}
.element {
color: var(--casket);
background-color: hsl(22 14% 58%);
border-color: oklch(0.67 0.028 52);
}Tailwind CSS v4
@theme {
--color-casket: #a49186;
--color-casket-50: #fcf3ee;
--color-casket-100: #f0e6df;
--color-casket-200: #ded1c9;
--color-casket-300: #c3b4aa;
--color-casket-400: #ad9a90;
--color-casket-500: #968176;
--color-casket-600: #7f6e64;
--color-casket-700: #655850;
--color-casket-800: #4b403a;
--color-casket-900: #342c28;
--color-casket-950: #1f1916;
}SCSS
$casket: #a49186;
$casket-rgb: 164, 145, 134;
$casket-light: mix(#fff, $casket, 20%);
$casket-dark: mix(#000, $casket, 20%);
.element {
color: $casket;
box-shadow: 0 0 0 2px rgba($casket, 0.35);
}