Adlandırılmış renk · #44AA33
Green Seduction
Green Seduction, #44AA33: rgb(68 170 51), hsl(111 54% 43%), oklch(0.654 0.182 141). 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 Seduction color name →
#44AA33
oklch(0.654 0.182 141)
Renk dönüşümleri
- HEX
- #44aa33
- RGB
- rgb(68 170 51)
- HSL
- hsl(111 54% 43%)
- HWB
- hwb(111 20% 33%)
- OKLCH
- oklch(0.654 0.182 141)
- OKLab
- oklab(0.654 -0.142 0.115)
- CIE Lab
- lab(61.92 -47.59 49.28)
- LCH
- lch(61.92 68.51 134)
- CMYK
- cmyk(60% 0% 70% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5AB34C
- 6EBC62
- 81C477
- 94CD8A
- A6D69E
- B8DEB1
- CAE6C5
- DBEFD8
- EDF7EB
Koyu tonlar
- 3A932B
- 307D23
- 26681C
- 1D5314
- 143F0D
- 0C2D07
- 051B03
- 020B01
- 000100
Gri tonlar
- 4EA63F
- 56A249
- 5D9E52
- 639A5A
- 699662
- 6E9268
- 738E6F
- 788975
- 7C857A
Renk uyumları
Tamamlayıcı +180°
- 44AA33
Green Seduction
- C164D3
≈ Rich Lilac
Analog -30° +30°
- 44AA33
Green Seduction
- 959700
≈ Turtle Moss
- 00A986
≈ Simply Green
Üçlü +120° +240°
- 44AA33
Green Seduction
- 4C8CFE
≈ Skinny Jeans
- EB575E
≈ Khmer Curry
Bölünmüş tamamlayıcı +150° +210°
- 44AA33
Green Seduction
- 9376F5
≈ Forgotten Purple
- DE589E
≈ Bit of Berry
Dörtlü +90° +180° +270°
- 44AA33
Green Seduction
- 009DD2
≈ Structural Blue
- C164D3
≈ Rich Lilac
- DF6B00
≈ Fading Ember
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.98:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.04:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.04:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-seduction: #44aa33;
--green-seduction-rgb: 68 170 51;
--green-seduction-oklch: oklch(0.654 0.182 141);
}
.element {
color: var(--green-seduction);
background-color: hsl(111 54% 43%);
border-color: oklch(0.654 0.182 141);
}Tailwind CSS v4
@theme {
--color-green-seduction: #44aa33;
--color-green-seduction-50: #d7ffd4;
--color-green-seduction-100: #c5f8c1;
--color-green-seduction-200: #a5e9a1;
--color-green-seduction-300: #7ccf77;
--color-green-seduction-400: #59b84a;
--color-green-seduction-500: #28a109;
--color-green-seduction-600: #258810;
--color-green-seduction-700: #1e6d0e;
--color-green-seduction-800: #195001;
--color-green-seduction-900: #103802;
--color-green-seduction-950: #032200;
}SCSS
$green-seduction: #44aa33;
$green-seduction-rgb: 68, 170, 51;
$green-seduction-light: mix(#fff, $green-seduction, 20%);
$green-seduction-dark: mix(#000, $green-seduction, 20%);
.element {
color: $green-seduction;
box-shadow: 0 0 0 2px rgba($green-seduction, 0.35);
}