Adlandırılmış renk · #239D42
Gangly Gremlin
Gangly Gremlin, #239D42: rgb(35 157 66), hsl(135 64% 38%), oklch(0.611 0.167 147.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Gangly Gremlin color name →
#239D42
oklch(0.611 0.167 147.2)
Renk dönüşümleri
- HEX
- #239d42
- RGB
- rgb(35 157 66)
- HSL
- hsl(135 64% 38%)
- HWB
- hwb(135 14% 38%)
- OKLCH
- oklch(0.611 0.167 147.2)
- OKLab
- oklab(0.611 -0.14 0.09)
- CIE Lab
- lab(56.95 -48.58 37.13)
- LCH
- lch(56.95 61.14 142.6)
- CMYK
- cmyk(78% 0% 58% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 44A756
- 5DB169
- 73BB7C
- 88C58E
- 9CCFA1
- B0D8B3
- C4E2C6
- D7ECD9
- EBF5EC
Koyu tonlar
- 1D8838
- 17732F
- 115F25
- 0C4C1C
- 073A14
- 04280B
- 011805
- 000901
- 000100
Gri tonlar
- 369A4A
- 439851
- 4E9558
- 57935F
- 5F9065
- 678D6B
- 6E8A70
- 748776
- 7A837B
Renk uyumları
Tamamlayıcı +180°
- 239D42
Gangly Gremlin
- B65AB6
≈ Mazzy Star
Analog -30° +30°
- 239D42
Gangly Gremlin
- 7E8E00
≈ Foggy Bog
- 009983
≈ Paolo Veronese Green
Üçlü +120° +240°
- 239D42
Gangly Gremlin
- 577CE6
≈ Blue Öyster Cult
- D55349
≈ Valencia
Bölünmüş tamamlayıcı +150° +210°
- 239D42
Gangly Gremlin
- 9069DA
≈ Matt Purple
- CE5085
≈ Pink Flambé
Dörtlü +90° +180° +270°
- 239D42
Gangly Gremlin
- 008EC9
≈ Parrotfish Blue
- B65AB6
≈ Mazzy Star
- C36800
≈ Hawaiian Sunset
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.51:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 5.97:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.97:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--gangly-gremlin: #239d42;
--gangly-gremlin-rgb: 35 157 66;
--gangly-gremlin-oklch: oklch(0.611 0.167 147.2);
}
.element {
color: var(--gangly-gremlin);
background-color: hsl(135 64% 38%);
border-color: oklch(0.611 0.167 147.2);
}Tailwind CSS v4
@theme {
--color-gangly-gremlin: #239d42;
--color-gangly-gremlin-50: #d5ffdc;
--color-gangly-gremlin-100: #c2f8ca;
--color-gangly-gremlin-200: #a1e9ae;
--color-gangly-gremlin-300: #75cf88;
--color-gangly-gremlin-400: #4eb861;
--color-gangly-gremlin-500: #00a23b;
--color-gangly-gremlin-600: #0d8934;
--color-gangly-gremlin-700: #0d6e29;
--color-gangly-gremlin-800: #0e5019;
--color-gangly-gremlin-900: #093810;
--color-gangly-gremlin-950: #002203;
}SCSS
$gangly-gremlin: #239d42;
$gangly-gremlin-rgb: 35, 157, 66;
$gangly-gremlin-light: mix(#fff, $gangly-gremlin, 20%);
$gangly-gremlin-dark: mix(#000, $gangly-gremlin, 20%);
.element {
color: $gangly-gremlin;
box-shadow: 0 0 0 2px rgba($gangly-gremlin, 0.35);
}