لون مسمّى · #B8A88A
Sepia Tone
Sepia Tone هو #B8A88A: rgb(184 168 138)، hsl(39 24% 63%)، oklch(0.737 0.045 83.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Sepia Tone color name →
#B8A88A
oklch(0.737 0.045 83.1)
تحويلات الألوان
- HEX
- #b8a88a
- RGB
- rgb(184 168 138)
- HSL
- hsl(39 24% 63%)
- HWB
- hwb(39 54% 28%)
- OKLCH
- oklch(0.737 0.045 83.1)
- OKLab
- oklab(0.737 0.005 0.045)
- CIE Lab
- lab(69.67 2.46 17.78)
- LCH
- lch(69.67 17.95 82.1)
- CMYK
- cmyk(0% 9% 25% 28%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BFB095
- C6B9A1
- CDC2AC
- D4CAB8
- DBD3C3
- E2DCCF
- E9E4DB
- F1EDE7
- F8F6F3
درجات داكنة
- A09277
- 887C65
- 716753
- 5B5242
- 453F32
- 312C22
- 1E1A14
- 0C0A07
- 020101
درجات رمادية
- B2A489
- ADA088
- A79C87
- A19886
- 9C9485
- 969084
- 908C83
- 8B8882
- 858481
تناسق الألوان
متمم +180°
- B8A88A
Sepia Tone
- 9BAAC7
≈ Scorpion Grass Blue
متجاور -30° +30°
- B8A88A
Sepia Tone
- C2A390
≈ Interface Tan
- AAAE8D
≈ Verde Tortuga
ثلاثي +120° +240°
- B8A88A
Sepia Tone
- 89B3B7
≈ Summit
- B8A1BB
≈ Svelte
متمم منقسم +150° +210°
- B8A88A
Sepia Tone
- 8EB0C2
≈ Bermuda Blue
- ABA5C5
≈ Fife
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.33:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 9.00:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sepia-tone: #b8a88a;
--sepia-tone-rgb: 184 168 138;
--sepia-tone-oklch: oklch(0.737 0.045 83.1);
}
.element {
color: var(--sepia-tone);
background-color: hsl(39 24% 63%);
border-color: oklch(0.737 0.045 83.1);
}Tailwind CSS v4
@theme {
--color-sepia-tone: #b8a88a;
--color-sepia-tone-50: #fbf4e7;
--color-sepia-tone-100: #efe7d7;
--color-sepia-tone-200: #ddd3bf;
--color-sepia-tone-300: #c2b69e;
--color-sepia-tone-400: #ac9d80;
--color-sepia-tone-500: #958464;
--color-sepia-tone-600: #7e7055;
--color-sepia-tone-700: #655944;
--color-sepia-tone-800: #4a4131;
--color-sepia-tone-900: #342d21;
--color-sepia-tone-950: #1f1a10;
}SCSS
$sepia-tone: #b8a88a;
$sepia-tone-rgb: 184, 168, 138;
$sepia-tone-light: mix(#fff, $sepia-tone, 20%);
$sepia-tone-dark: mix(#000, $sepia-tone, 20%);
.element {
color: $sepia-tone;
box-shadow: 0 0 0 2px rgba($sepia-tone, 0.35);
}