لون مسمّى · #117733
Nature’s Strength
Nature’s Strength هو #117733: rgb(17 119 51)، hsl(140 75% 27%)، oklch(0.499 0.135 148.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Nature’s Strength color name →
#117733
oklch(0.499 0.135 148.6)
تحويلات الألوان
- HEX
- #117733
- RGB
- rgb(17 119 51)
- HSL
- hsl(140 75% 27%)
- HWB
- hwb(140 7% 53%)
- OKLCH
- oklch(0.499 0.135 148.6)
- OKLab
- oklab(0.499 -0.116 0.071)
- CIE Lab
- lab(43.58 -40.36 28.82)
- LCH
- lch(43.58 49.6 144.5)
- CMYK
- cmyk(86% 0% 57% 53%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 348447
- 4E925B
- 659F6F
- 7BAD82
- 91BA96
- A6C8AB
- BCD6BF
- D2E3D4
- E9F1E9
درجات داكنة
- 0D672B
- 095723
- 06471C
- 043814
- 022A0D
- 011C07
- 001003
- 000501
- 000100
درجات رمادية
- 27783C
- 357A44
- 417B4C
- 4C7C54
- 557D5B
- 5E7E63
- 677E6A
- 707F72
- 788079
تناسق الألوان
متمم +180°
- 117733
Nature’s Strength
- 8B4289
≈ Dahlia
متجاور -30° +30°
- 117733
Nature’s Strength
- 5D6B00
≈ Mud Green
- 007464
≈ Northern Hemisphere
ثلاثي +120° +240°
- 117733
Nature’s Strength
- 435CAF
≈ Chinese Bellflower
- A23E33
≈ Edocha
متمم منقسم +150° +210°
- 117733
Nature’s Strength
- 6E4EA5
≈ Studio
- 9D3B62
≈ Royal Flush
رباعي +90° +180° +270°
- 117733
Nature’s Strength
- 006A9B
≈ Hydra
- 8B4289
≈ Dahlia
- 934F00
≈ Warm Brown
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.65:1 · APCA Lc 78
Ag
Failعلى الأسود
WCAG 3.71:1 · APCA Lc 24
أفضل لون للنص: #FFFFFF
WCAG 5.65:1 (AA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--nature-s-strength: #117733;
--nature-s-strength-rgb: 17 119 51;
--nature-s-strength-oklch: oklch(0.499 0.135 148.6);
}
.element {
color: var(--nature-s-strength);
background-color: hsl(140 75% 27%);
border-color: oklch(0.499 0.135 148.6);
}Tailwind CSS v4
@theme {
--color-nature-s-strength: #117733;
--color-nature-s-strength-50: #daffe1;
--color-nature-s-strength-100: #c8f5d1;
--color-nature-s-strength-200: #aae5b7;
--color-nature-s-strength-300: #82cb93;
--color-nature-s-strength-400: #60b470;
--color-nature-s-strength-500: #359e50;
--color-nature-s-strength-600: #2f8545;
--color-nature-s-strength-700: #256b36;
--color-nature-s-strength-800: #1c4e24;
--color-nature-s-strength-900: #133718;
--color-nature-s-strength-950: #042109;
}SCSS
$nature-s-strength: #117733;
$nature-s-strength-rgb: 17, 119, 51;
$nature-s-strength-light: mix(#fff, $nature-s-strength, 20%);
$nature-s-strength-dark: mix(#000, $nature-s-strength, 20%);
.element {
color: $nature-s-strength;
box-shadow: 0 0 0 2px rgba($nature-s-strength, 0.35);
}