لون مسمّى · #BD7E08
Guo Tie Dumpling
Guo Tie Dumpling هو #BD7E08: rgb(189 126 8)، hsl(39 92% 39%)، oklch(0.642 0.135 73.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Guo Tie Dumpling color name →
#BD7E08
oklch(0.642 0.135 73.6)
تحويلات الألوان
- HEX
- #bd7e08
- RGB
- rgb(189 126 8)
- HSL
- hsl(39 92% 39%)
- HWB
- hwb(39 3% 26%)
- OKLCH
- oklch(0.642 0.135 73.6)
- OKLab
- oklab(0.642 0.038 0.129)
- CIE Lab
- lab(58.31 19.45 62.56)
- LCH
- lch(58.31 65.52 72.7)
- CMYK
- cmyk(0% 33% 96% 26%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C48B36
- CB9851
- D2A568
- D9B27F
- DFBE94
- E6CBAA
- ECD8BF
- F3E5D4
- F9F2EA
درجات داكنة
- A46D06
- 8C5C04
- 744C03
- 5D3C02
- 472D01
- 331F01
- 1F1100
- 0D0500
- 020100
درجات رمادية
- B77F27
- B17F37
- AB8044
- A5804F
- 9F8158
- 998161
- 938169
- 8D8171
- 868079
تناسق الألوان
متمم +180°
- BD7E08
Guo Tie Dumpling
- 4D8FDC
≈ Oregon Blue
متجاور -30° +30°
- BD7E08
Guo Tie Dumpling
- CF6E44
≈ Coral Gold
- 9C9003
≈ Smoothie Green
ثلاثي +120° +240°
- BD7E08
Guo Tie Dumpling
- 00A1A0
≈ Aqua Velvet
- AA72C6
≈ Lavendless
متمم منقسم +150° +210°
- BD7E08
Guo Tie Dumpling
- 009CC2
≈ Sea Wonder
- 8380DB
≈ Indigo Bloom
رباعي +90° +180° +270°
- BD7E08
Guo Tie Dumpling
- 11A676
≈ Bluish Green
- 4D8FDC
≈ Oregon Blue
- C469A1
≈ Nocturnal Rose
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.41:1 · APCA Lc 61
Ag
AAعلى الأسود
WCAG 6.15:1 · APCA Lc 40
أفضل لون للنص: #000000
WCAG 6.15:1 (AA) · APCA Lc 40
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--guo-tie-dumpling: #bd7e08;
--guo-tie-dumpling-rgb: 189 126 8;
--guo-tie-dumpling-oklch: oklch(0.642 0.135 73.6);
}
.element {
color: var(--guo-tie-dumpling);
background-color: hsl(39 92% 39%);
border-color: oklch(0.642 0.135 73.6);
}Tailwind CSS v4
@theme {
--color-guo-tie-dumpling: #bd7e08;
--color-guo-tie-dumpling-50: #fff1cb;
--color-guo-tie-dumpling-100: #ffe2b6;
--color-guo-tie-dumpling-200: #f6cd93;
--color-guo-tie-dumpling-300: #dfae65;
--color-guo-tie-dumpling-400: #ce9135;
--color-guo-tie-dumpling-500: #ba7500;
--color-guo-tie-dumpling-600: #9d6300;
--color-guo-tie-dumpling-700: #7e4f00;
--color-guo-tie-dumpling-800: #5f3900;
--color-guo-tie-dumpling-900: #422700;
--color-guo-tie-dumpling-950: #2a1500;
}SCSS
$guo-tie-dumpling: #bd7e08;
$guo-tie-dumpling-rgb: 189, 126, 8;
$guo-tie-dumpling-light: mix(#fff, $guo-tie-dumpling, 20%);
$guo-tie-dumpling-dark: mix(#000, $guo-tie-dumpling, 20%);
.element {
color: $guo-tie-dumpling;
box-shadow: 0 0 0 2px rgba($guo-tie-dumpling, 0.35);
}