لون مسمّى · #35654D
Poker Green
Poker Green هو #35654D: rgb(53 101 77)، hsl(150 31% 30%)، oklch(0.465 0.066 160.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Poker Green color name →
#35654D
oklch(0.465 0.066 160.5)
تحويلات الألوان
- HEX
- #35654d
- RGB
- rgb(53 101 77)
- HSL
- hsl(150 31% 30%)
- HWB
- hwb(150 21% 60%)
- OKLCH
- oklch(0.465 0.066 160.5)
- OKLab
- oklab(0.465 -0.062 0.022)
- CIE Lab
- lab(38.85 -21.79 8.34)
- LCH
- lch(38.85 23.34 159.1)
- CMYK
- cmyk(48% 0% 24% 60%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 49735D
- 5C826E
- 70917F
- 83A090
- 97AFA2
- ABBFB4
- C0CFC6
- D5DFD9
- EAEFEC
درجات داكنة
- 2D5742
- 254937
- 1D3C2C
- 152F22
- 0E2218
- 08170F
- 030C07
- 010302
- 000000
درجات رمادية
- 3D6852
- 466B57
- 4D6D5C
- 557061
- 5C7366
- 63756B
- 6B7870
- 727B76
- 797D7B
تناسق الألوان
متمم +180°
- 35654D
Poker Green
- 734B65
≈ Dirty Purple
متجاور -30° +30°
- 35654D
Poker Green
- 4D6139
≈ Plasticine
- 236562
≈ Strong Sage
ثلاثي +120° +240°
- 35654D
Poker Green
- 52557E
≈ Dusk
- 794D3C
≈ Cheeky Chestnut
متمم منقسم +150° +210°
- 35654D
Poker Green
- 654F75
≈ Exotic Purple
- 7A4A51
≈ Nocturne Red
رباعي +90° +180° +270°
- 35654D
Poker Green
- 3C5C7D
≈ Matisse
- 734B65
≈ Dirty Purple
- 71532E
≈ Bark Brown
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.73:1 · APCA Lc 83
Ag
Failعلى الأسود
WCAG 3.12:1 · APCA Lc 19
أفضل لون للنص: #FFFFFF
WCAG 6.73:1 (AA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--poker-green: #35654d;
--poker-green-rgb: 53 101 77;
--poker-green-oklch: oklch(0.465 0.066 160.5);
}
.element {
color: var(--poker-green);
background-color: hsl(150 31% 30%);
border-color: oklch(0.465 0.066 160.5);
}Tailwind CSS v4
@theme {
--color-poker-green: #35654d;
--color-poker-green-50: #e5fbf0;
--color-poker-green-100: #d5efe1;
--color-poker-green-200: #bcdecc;
--color-poker-green-300: #9ac2ad;
--color-poker-green-400: #7cab91;
--color-poker-green-500: #5d9478;
--color-poker-green-600: #507d65;
--color-poker-green-700: #3f6451;
--color-poker-green-800: #2e493a;
--color-poker-green-900: #1f3328;
--color-poker-green-950: #0f1f16;
}SCSS
$poker-green: #35654d;
$poker-green-rgb: 53, 101, 77;
$poker-green-light: mix(#fff, $poker-green, 20%);
$poker-green-dark: mix(#000, $poker-green, 20%);
.element {
color: $poker-green;
box-shadow: 0 0 0 2px rgba($poker-green, 0.35);
}