Adlandırılmış renk · #76A973
Dusty Green
Dusty Green, #76A973: rgb(118 169 115), hsl(117 24% 56%), oklch(0.684 0.095 143.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Dusty Green color name →
#76A973
oklch(0.684 0.095 143.1)
Renk dönüşümleri
- HEX
- #76a973
- RGB
- rgb(118 169 115)
- HSL
- hsl(117 24% 56%)
- HWB
- hwb(117 45% 34%)
- OKLCH
- oklch(0.684 0.095 143.1)
- OKLab
- oklab(0.684 -0.076 0.057)
- CIE Lab
- lab(64.57 -25.81 22.33)
- LCH
- lch(64.57 34.13 139.1)
- CMYK
- cmyk(30% 0% 32% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 84B281
- 91BA8E
- 9FC39C
- ACCBAA
- BAD4B8
- C7DCC6
- D5E5D4
- E3EEE2
- F1F6F1
Koyu tonlar
- 669263
- 567C54
- 476745
- 385336
- 293F28
- 1C2C1B
- 0F1B0F
- 050A05
- 010101
Gri tonlar
- 77A575
- 79A176
- 7A9D78
- 7B9979
- 7C957A
- 7D917C
- 7E8C7D
- 7F887E
- 7F847F
Renk uyumları
Tamamlayıcı +180°
- 76A973
Dusty Green
- B686BC
≈ Creeping Bellflower
Analog -30° +30°
- 76A973
Dusty Green
- 9AA059
≈ Sweet Pea
- 52AD94
≈ Hole in One
Üçlü +120° +240°
- 76A973
Dusty Green
- 7B99D5
≈ Purple Gentian
- CE827E
≈ Raspberry Ripple
Bölünmüş tamamlayıcı +150° +210°
- 76A973
Dusty Green
- 9C8ECF
≈ Hermosa
- C8819F
≈ Moonlight Mauve
Dörtlü +90° +180° +270°
- 76A973
Dusty Green
- 58A4CB
≈ First Landing
- B686BC
≈ Creeping Bellflower
- C88961
≈ Wheatberry
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.72:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.69:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.69:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--dusty-green: #76a973;
--dusty-green-rgb: 118 169 115;
--dusty-green-oklch: oklch(0.684 0.095 143.1);
}
.element {
color: var(--dusty-green);
background-color: hsl(117 24% 56%);
border-color: oklch(0.684 0.095 143.1);
}Tailwind CSS v4
@theme {
--color-dusty-green: #76a973;
--color-dusty-green-50: #e5fde5;
--color-dusty-green-100: #d5f1d5;
--color-dusty-green-200: #bce0bc;
--color-dusty-green-300: #99c59a;
--color-dusty-green-400: #7dad7a;
--color-dusty-green-500: #5f965c;
--color-dusty-green-600: #517f4e;
--color-dusty-green-700: #40663e;
--color-dusty-green-800: #2f4b2b;
--color-dusty-green-900: #20341d;
--color-dusty-green-950: #0f1f0d;
}SCSS
$dusty-green: #76a973;
$dusty-green-rgb: 118, 169, 115;
$dusty-green-light: mix(#fff, $dusty-green, 20%);
$dusty-green-dark: mix(#000, $dusty-green, 20%);
.element {
color: $dusty-green;
box-shadow: 0 0 0 2px rgba($dusty-green, 0.35);
}