Adlandırılmış renk · #007722
Green Glutton
Green Glutton, #007722: rgb(0 119 34), hsl(137 100% 23%), oklch(0.495 0.152 145.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Green Glutton color name →
#007722
oklch(0.495 0.152 145.8)
Renk dönüşümleri
- HEX
- #007722
- RGB
- rgb(0 119 34)
- HSL
- hsl(137 100% 23%)
- HWB
- hwb(137 0% 53%)
- OKLCH
- oklch(0.495 0.152 145.8)
- OKLab
- oklab(0.495 -0.126 0.086)
- CIE Lab
- lab(43.24 -43.52 36.38)
- LCH
- lch(43.24 56.73 140.1)
- CMYK
- cmyk(100% 0% 71% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2F843A
- 4A9250
- 619F66
- 78AD7B
- 8FBB90
- A5C8A6
- BBD6BC
- D2E3D2
- E8F1E8
Koyu tonlar
- 00671C
- 005716
- 004711
- 00380B
- 002A07
- 001C03
- 001001
- 000500
- 000100
Gri tonlar
- 20782F
- 317A39
- 3E7B43
- 497C4D
- 537D56
- 5D7E5E
- 667E67
- 6F7F6F
- 788078
Renk uyumları
Tamamlayıcı +180°
- 007722
Green Glutton
- 8C3C90
≈ Dahlia
Analog -30° +30°
- 007722
Green Glutton
- 5F6900
≈ Mud Green
- 007360
≈ Tropical Rainforest
Üçlü +120° +240°
- 007722
Green Glutton
- 385AB7
≈ Blasphemous Blue
- A73331
≈ Très Bien
Bölünmüş tamamlayıcı +150° +210°
- 007722
Green Glutton
- 6B4AAD
≈ Ultrapurple Merge
- A03265
≈ Parlour Red
Dörtlü +90° +180° +270°
- 007722
Green Glutton
- 006A96
≈ Hydra
- 8C3C90
≈ Dahlia
- 944C00
≈ Brownie
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.73:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.66:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-glutton: #007722;
--green-glutton-rgb: 0 119 34;
--green-glutton-oklch: oklch(0.495 0.152 145.8);
}
.element {
color: var(--green-glutton);
background-color: hsl(137 100% 23%);
border-color: oklch(0.495 0.152 145.8);
}Tailwind CSS v4
@theme {
--color-green-glutton: #007722;
--color-green-glutton-50: #d9ffdd;
--color-green-glutton-100: #c6f7cb;
--color-green-glutton-200: #a8e7af;
--color-green-glutton-300: #7fcd8a;
--color-green-glutton-400: #5cb665;
--color-green-glutton-500: #2e9f40;
--color-green-glutton-600: #298738;
--color-green-glutton-700: #216c2c;
--color-green-glutton-800: #1a4f1c;
--color-green-glutton-900: #113712;
--color-green-glutton-950: #032204;
}SCSS
$green-glutton: #007722;
$green-glutton-rgb: 0, 119, 34;
$green-glutton-light: mix(#fff, $green-glutton, 20%);
$green-glutton-dark: mix(#000, $green-glutton, 20%);
.element {
color: $green-glutton;
box-shadow: 0 0 0 2px rgba($green-glutton, 0.35);
}