Adlandırılmış renk · #AFA984
Green Grey Mist
Green Grey Mist, #AFA984: rgb(175 169 132), hsl(52 21% 60%), oklch(0.73 0.051 99.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Green Grey Mist color name →
#AFA984
oklch(0.73 0.051 99.8)
Renk dönüşümleri
- HEX
- #afa984
- RGB
- rgb(175 169 132)
- HSL
- hsl(52 21% 60%)
- HWB
- hwb(52 52% 31%)
- OKLCH
- oklch(0.73 0.051 99.8)
- OKLab
- oklab(0.73 -0.009 0.051)
- CIE Lab
- lab(69.03 -2.26 20)
- LCH
- lch(69.03 20.13 96.4)
- CMYK
- cmyk(0% 3% 25% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B7B190
- BEBA9C
- C6C2A8
- CECBB4
- D6D3C0
- DEDCCD
- E6E5D9
- EFEDE6
- F7F6F2
Koyu tonlar
- 989272
- 817C60
- 6B674F
- 56533F
- 413F2F
- 2E2C20
- 1C1B12
- 0B0A06
- 010101
Gri tonlar
- AAA584
- A5A184
- A19D83
- 9C9883
- 979483
- 929082
- 8E8C82
- 898881
- 858481
Renk uyumları
Tamamlayıcı +180°
- AFA984
Green Grey Mist
- A1A5C8
≈ Blossom Mauve
Analog -30° +30°
- AFA984
Green Grey Mist
- BDA385
≈ Chestnut Butter
- 9DAF8D
≈ Cardoon
Üçlü +120° +240°
- AFA984
Green Grey Mist
- 84B0BE
≈ Open Seas
- BF9CB2
≈ Lily
Bölünmüş tamamlayıcı +150° +210°
- AFA984
Green Grey Mist
- 90ABC7
≈ Bachelor Blue
- B29FC0
≈ Calming Silver Lavender
Dörtlü +90° +180° +270°
- AFA984
Green Grey Mist
- 82B3AF
≈ Cold Front Green
- A1A5C8
≈ Blossom Mauve
- C69BA0
≈ Careys Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.37:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.83:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.83:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-grey-mist: #afa984;
--green-grey-mist-rgb: 175 169 132;
--green-grey-mist-oklch: oklch(0.73 0.051 99.8);
}
.element {
color: var(--green-grey-mist);
background-color: hsl(52 21% 60%);
border-color: oklch(0.73 0.051 99.8);
}Tailwind CSS v4
@theme {
--color-green-grey-mist: #afa984;
--color-green-grey-mist-50: #f8f6e5;
--color-green-grey-mist-100: #ebe9d6;
--color-green-grey-mist-200: #d8d5bd;
--color-green-grey-mist-300: #bcb99b;
--color-green-grey-mist-400: #a5a07d;
--color-green-grey-mist-500: #8e8760;
--color-green-grey-mist-600: #787351;
--color-green-grey-mist-700: #605c41;
--color-green-grey-mist-800: #47432e;
--color-green-grey-mist-900: #312e1f;
--color-green-grey-mist-950: #1d1b0f;
}SCSS
$green-grey-mist: #afa984;
$green-grey-mist-rgb: 175, 169, 132;
$green-grey-mist-light: mix(#fff, $green-grey-mist, 20%);
$green-grey-mist-dark: mix(#000, $green-grey-mist, 20%);
.element {
color: $green-grey-mist;
box-shadow: 0 0 0 2px rgba($green-grey-mist, 0.35);
}