Adlandırılmış renk · #44AA55
Devil’s Grass
Devil’s Grass, #44AA55: rgb(68 170 85), hsl(130 43% 47%), oklch(0.658 0.155 146.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Devil’s Grass color name →
#44AA55
oklch(0.658 0.155 146.7)
Renk dönüşümleri
- HEX
- #44aa55
- RGB
- rgb(68 170 85)
- HSL
- hsl(130 43% 47%)
- HWB
- hwb(130 27% 33%)
- OKLCH
- oklch(0.658 0.155 146.7)
- OKLab
- oklab(0.658 -0.129 0.085)
- CIE Lab
- lab(62.21 -44.65 34.35)
- LCH
- lch(62.21 56.33 142.4)
- CMYK
- cmyk(60% 0% 50% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5BB366
- 6FBB78
- 82C488
- 94CD99
- A6D5AA
- B8DEBB
- CAE6CC
- DCEEDD
- EDF7EE
Koyu tonlar
- 3A9349
- 307D3D
- 266831
- 1D5326
- 143F1C
- 0C2D11
- 051B08
- 020B02
- 000100
Gri tonlar
- 4EA65B
- 56A260
- 5D9E64
- 649A69
- 69966D
- 6F9271
- 748D75
- 788979
- 7C857D
Renk uyumları
Tamamlayıcı +180°
- 44AA55
Devil’s Grass
- C26CC3
≈ Lavendless
Analog -30° +30°
- 44AA55
Devil’s Grass
- 8C9C00
≈ Traffic Light Green
- 00A990
≈ Shindig
Üçlü +120° +240°
- 44AA55
Devil’s Grass
- 668CF0
≈ Soft Blue
- E0665C
≈ Coralite
Bölünmüş tamamlayıcı +150° +210°
- 44AA55
Devil’s Grass
- 9C7AE4
≈ Matt Purple
- D96493
≈ Groovy
Dörtlü +90° +180° +270°
- 44AA55
Devil’s Grass
- 009DDD
≈ Atmosphere
- C26CC3
≈ Lavendless
- D67412
≈ Gold Orange
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.94:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.12:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.12:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--devil-s-grass: #44aa55;
--devil-s-grass-rgb: 68 170 85;
--devil-s-grass-oklch: oklch(0.658 0.155 146.7);
}
.element {
color: var(--devil-s-grass);
background-color: hsl(130 43% 47%);
border-color: oklch(0.658 0.155 146.7);
}Tailwind CSS v4
@theme {
--color-devil-s-grass: #44aa55;
--color-devil-s-grass-50: #d8ffdd;
--color-devil-s-grass-100: #c5f7cc;
--color-devil-s-grass-200: #a6e7b0;
--color-devil-s-grass-300: #7ccd8b;
--color-devil-s-grass-400: #58b665;
--color-devil-s-grass-500: #25a041;
--color-devil-s-grass-600: #238738;
--color-devil-s-grass-700: #1c6c2d;
--color-devil-s-grass-800: #17501c;
--color-devil-s-grass-900: #0f3712;
--color-devil-s-grass-950: #022205;
}SCSS
$devil-s-grass: #44aa55;
$devil-s-grass-rgb: 68, 170, 85;
$devil-s-grass-light: mix(#fff, $devil-s-grass, 20%);
$devil-s-grass-dark: mix(#000, $devil-s-grass, 20%);
.element {
color: $devil-s-grass;
box-shadow: 0 0 0 2px rgba($devil-s-grass, 0.35);
}