لون مسمّى · #739C69
Blackthorn Green
Blackthorn Green هو #739C69: rgb(115 156 105)، hsl(108 20% 51%)، oklch(0.649 0.086 139.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Blackthorn Green color name →
#739C69
oklch(0.649 0.086 139.6)
تحويلات الألوان
- HEX
- #739c69
- RGB
- rgb(115 156 105)
- HSL
- hsl(108 20% 51%)
- HWB
- hwb(108 41% 39%)
- OKLCH
- oklch(0.649 0.086 139.6)
- OKLab
- oklab(0.649 -0.066 0.056)
- CIE Lab
- lab(60.34 -22.15 22.09)
- LCH
- lch(60.34 31.28 135.1)
- CMYK
- cmyk(26% 0% 33% 39%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 81A677
- 8EAF86
- 9CB995
- AAC3A3
- B8CDB2
- C6D7C1
- D4E1D1
- E2EBE0
- F0F5EF
درجات داكنة
- 63875A
- 54734C
- 455F3E
- 364C31
- 283924
- 1B2818
- 0F180C
- 050904
- 010100
درجات رمادية
- 75996C
- 76976E
- 789471
- 799173
- 7A8E75
- 7C8B78
- 7D897A
- 7E867C
- 7F837E
تناسق الألوان
متمم +180°
- 739C69
Blackthorn Green
- A67EB0
≈ Lobby Lilac
متجاور -30° +30°
- 739C69
Blackthorn Green
- 929453
≈ Topiary
- 53A086
≈ Inspiration Peak
ثلاثي +120° +240°
- 739C69
Blackthorn Green
- 6F90C4
≈ Cornflower Blue
- BE7979
≈ Nipple
متمم منقسم +150° +210°
- 739C69
Blackthorn Green
- 8D86C0
≈ Brocade
- B77997
≈ Choral Singer
رباعي +90° +180° +270°
- 739C69
Blackthorn Green
- 5299B9
≈ Steel Light Blue
- A67EB0
≈ Lobby Lilac
- BA7F5F
≈ Silken Chocolate
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.13:1 · APCA Lc 58
Ag
AAعلى الأسود
WCAG 6.68:1 · APCA Lc 43
أفضل لون للنص: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--blackthorn-green: #739c69;
--blackthorn-green-rgb: 115 156 105;
--blackthorn-green-oklch: oklch(0.649 0.086 139.6);
}
.element {
color: var(--blackthorn-green);
background-color: hsl(108 20% 51%);
border-color: oklch(0.649 0.086 139.6);
}Tailwind CSS v4
@theme {
--color-blackthorn-green: #739c69;
--color-blackthorn-green-50: #e8fce5;
--color-blackthorn-green-100: #d8f0d5;
--color-blackthorn-green-200: #c0debc;
--color-blackthorn-green-300: #9fc39a;
--color-blackthorn-green-400: #84ab7a;
--color-blackthorn-green-500: #67945c;
--color-blackthorn-green-600: #587d4f;
--color-blackthorn-green-700: #46643f;
--color-blackthorn-green-800: #34492b;
--color-blackthorn-green-900: #23331d;
--color-blackthorn-green-950: #121f0d;
}SCSS
$blackthorn-green: #739c69;
$blackthorn-green-rgb: 115, 156, 105;
$blackthorn-green-light: mix(#fff, $blackthorn-green, 20%);
$blackthorn-green-dark: mix(#000, $blackthorn-green, 20%);
.element {
color: $blackthorn-green;
box-shadow: 0 0 0 2px rgba($blackthorn-green, 0.35);
}