لون مسمّى · #99CC04
Waywatcher Green
Waywatcher Green هو #99CC04: rgb(153 204 4)، hsl(75 96% 41%)، oklch(0.78 0.197 125.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Waywatcher Green color name →
#99CC04
oklch(0.78 0.197 125.7)
تحويلات الألوان
- HEX
- #99cc04
- RGB
- rgb(153 204 4)
- HSL
- hsl(75 96% 41%)
- HWB
- hwb(75 2% 20%)
- OKLCH
- oklch(0.78 0.197 125.7)
- OKLab
- oklab(0.78 -0.115 0.16)
- CIE Lab
- lab(76.3 -33.99 73.88)
- LCH
- lch(76.3 81.33 114.7)
- CMYK
- cmyk(25% 0% 98% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A3D23F
- ADD75D
- B7DD75
- C1E28B
- CBE79F
- D5ECB3
- DFF1C6
- EAF6D9
- F4FAEC
درجات داكنة
- 84B103
- 709702
- 5D7E01
- 4A6501
- 384E01
- 273700
- 172200
- 080F00
- 010200
درجات رمادية
- 96C52E
- 94BD40
- 91B64E
- 8FAE58
- 8CA661
- 8A9F69
- 879770
- 859076
- 82887B
تناسق الألوان
متمم +180°
- 99CC04
Waywatcher Green
- CD9FFF
≈ Hydrangea Purple
متجاور -30° +30°
- 99CC04
Waywatcher Green
- D7B500
≈ Lionhead
- 00DA81
≈ Shivering Green
ثلاثي +120° +240°
- 99CC04
Waywatcher Green
- 73BFFF
≈ Green Darner Tail
- FF91AB
≈ Baker-Miller Pink
متمم منقسم +150° +210°
- 99CC04
Waywatcher Green
- A3B1FF
≈ Wondrous Wisteria
- FF83E5
≈ Splash of Grenadine
رباعي +90° +180° +270°
- 99CC04
Waywatcher Green
- 00CDEF
≈ Picnic Day Sky
- CD9FFF
≈ Hydrangea Purple
- FF987C
≈ Vivid Tangerine
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.91:1 · APCA Lc 36
Ag
AAAعلى الأسود
WCAG 10.99:1 · APCA Lc 66
أفضل لون للنص: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--waywatcher-green: #99cc04;
--waywatcher-green-rgb: 153 204 4;
--waywatcher-green-oklch: oklch(0.78 0.197 125.7);
}
.element {
color: var(--waywatcher-green);
background-color: hsl(75 96% 41%);
border-color: oklch(0.78 0.197 125.7);
}Tailwind CSS v4
@theme {
--color-waywatcher-green: #99cc04;
--color-waywatcher-green-50: #e5ffc4;
--color-waywatcher-green-100: #d5f5ae;
--color-waywatcher-green-200: #bce487;
--color-waywatcher-green-300: #9bca51;
--color-waywatcher-green-400: #82b100;
--color-waywatcher-green-500: #679a00;
--color-waywatcher-green-600: #578200;
--color-waywatcher-green-700: #456800;
--color-waywatcher-green-800: #354c00;
--color-waywatcher-green-900: #243500;
--color-waywatcher-green-950: #132000;
}SCSS
$waywatcher-green: #99cc04;
$waywatcher-green-rgb: 153, 204, 4;
$waywatcher-green-light: mix(#fff, $waywatcher-green, 20%);
$waywatcher-green-dark: mix(#000, $waywatcher-green, 20%);
.element {
color: $waywatcher-green;
box-shadow: 0 0 0 2px rgba($waywatcher-green, 0.35);
}