لون مسمّى · #BB9E7E
Carton
Carton هو #BB9E7E: rgb(187 158 126)، hsl(31 31% 61%)، oklch(0.717 0.056 69.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Carton color name →
#BB9E7E
oklch(0.717 0.056 69.5)
تحويلات الألوان
- HEX
- #bb9e7e
- RGB
- rgb(187 158 126)
- HSL
- hsl(31 31% 61%)
- HWB
- hwb(31 49% 27%)
- OKLCH
- oklch(0.717 0.056 69.5)
- OKLab
- oklab(0.717 0.02 0.052)
- CIE Lab
- lab(67.15 7.59 20.97)
- LCH
- lch(67.15 22.3 70.1)
- CMYK
- cmyk(0% 16% 33% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C2A78B
- C9B197
- CFBAA4
- D6C4B1
- DDCEBD
- E4D7CA
- EBE1D7
- F1EBE4
- F8F5F2
درجات داكنة
- A2896D
- 8A745C
- 73604C
- 5C4D3C
- 463A2D
- 32291F
- 1F1811
- 0D0905
- 020101
درجات رمادية
- B59B7E
- AF987F
- A9957F
- A3927F
- 9D8F80
- 978C80
- 928980
- 8C8680
- 868380
تناسق الألوان
متمم +180°
- BB9E7E
Carton
- 89A7C6
≈ Dresden Doll
متجاور -30° +30°
- BB9E7E
Carton
- C3988A
≈ Muddy Mire
- ACA57D
≈ Olive Tree
ثلاثي +120° +240°
- BB9E7E
Carton
- 7BAFAB
≈ Galaxy Green
- AE9BBF
≈ Purple Springs
متمم منقسم +150° +210°
- BB9E7E
Carton
- 7CADBC
≈ Blue Eye Samurai
- 9CA1C7
≈ May Mist
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.52:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.30:1 · APCA Lc 52
أفضل لون للنص: #000000
WCAG 8.30:1 (AAA) · APCA Lc 52
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--carton: #bb9e7e;
--carton-rgb: 187 158 126;
--carton-oklch: oklch(0.717 0.056 69.5);
}
.element {
color: var(--carton);
background-color: hsl(31 31% 61%);
border-color: oklch(0.717 0.056 69.5);
}Tailwind CSS v4
@theme {
--color-carton: #bb9e7e;
--color-carton-50: #fff3e4;
--color-carton-100: #f4e5d4;
--color-carton-200: #e4d1bb;
--color-carton-300: #cab399;
--color-carton-400: #b4997b;
--color-carton-500: #9f805d;
--color-carton-600: #866c4f;
--color-carton-700: #6b573f;
--color-carton-800: #503f2d;
--color-carton-900: #372b1f;
--color-carton-950: #22190e;
}SCSS
$carton: #bb9e7e;
$carton-rgb: 187, 158, 126;
$carton-light: mix(#fff, $carton, 20%);
$carton-dark: mix(#000, $carton, 20%);
.element {
color: $carton;
box-shadow: 0 0 0 2px rgba($carton, 0.35);
}