Adlandırılmış renk · #ACBDB1
Foggy Rain
Foggy Rain, #ACBDB1: rgb(172 189 177), hsl(138 11% 71%), oklch(0.782 0.025 155). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Foggy Rain color name →
#ACBDB1
oklch(0.782 0.025 155)
Renk dönüşümleri
- HEX
- #acbdb1
- RGB
- rgb(172 189 177)
- HSL
- hsl(138 11% 71%)
- HWB
- hwb(138 67% 26%)
- OKLCH
- oklch(0.782 0.025 155)
- OKLab
- oklab(0.782 -0.023 0.011)
- CIE Lab
- lab(75.03 -7.79 3.99)
- LCH
- lch(75.03 8.75 152.9)
- CMYK
- cmyk(9% 0% 6% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B4C3B9
- BCCAC0
- C4D0C8
- CDD7D0
- D5DED7
- DDE4DF
- E6EBE7
- EEF2EF
- F6F8F7
Koyu tonlar
- 95A499
- 7F8C83
- 69746C
- 545D57
- 404742
- 2D332F
- 1B1F1C
- 0B0D0C
- 010201
Gri tonlar
- A8B7AC
- A3B0A7
- 9FAAA2
- 9AA49D
- 969E98
- 919893
- 8D928E
- 898C8A
- 848685
Renk uyumları
Tamamlayıcı +180°
- ACBDB1
Foggy Rain
- C3B2BE
≈ La-De-Dah
Analog -30° +30°
- ACBDB1
Foggy Rain
- B4BBAA
≈ Cool Sea Air
- A7BEBA
≈ Sweetest Damask
Üçlü +120° +240°
- ACBDB1
Foggy Rain
- B3B7C9
≈ Ethereal Mist
- C7B3AD
≈ Subdued Hue
Bölünmüş tamamlayıcı +150° +210°
- ACBDB1
Foggy Rain
- BBB4C5
≈ Perplexed
- C7B2B6
≈ Blossom Powder
Dörtlü +90° +180° +270°
- ACBDB1
Foggy Rain
- ABBAC7
≈ Windy Blue
- C3B2BE
≈ La-De-Dah
- C4B5A8
≈ Cool Beige
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.96:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.66:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.66:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--foggy-rain: #acbdb1;
--foggy-rain-rgb: 172 189 177;
--foggy-rain-oklch: oklch(0.782 0.025 155);
}
.element {
color: var(--foggy-rain);
background-color: hsl(138 11% 71%);
border-color: oklch(0.782 0.025 155);
}Tailwind CSS v4
@theme {
--color-foggy-rain: #acbdb1;
--color-foggy-rain-50: #f0f7f2;
--color-foggy-rain-100: #e1eae4;
--color-foggy-rain-200: #ccd8d0;
--color-foggy-rain-300: #adbbb2;
--color-foggy-rain-400: #93a398;
--color-foggy-rain-500: #7a8b7f;
--color-foggy-rain-600: #67766c;
--color-foggy-rain-700: #525e56;
--color-foggy-rain-800: #3c453e;
--color-foggy-rain-900: #29302b;
--color-foggy-rain-950: #171c18;
}SCSS
$foggy-rain: #acbdb1;
$foggy-rain-rgb: 172, 189, 177;
$foggy-rain-light: mix(#fff, $foggy-rain, 20%);
$foggy-rain-dark: mix(#000, $foggy-rain, 20%);
.element {
color: $foggy-rain;
box-shadow: 0 0 0 2px rgba($foggy-rain, 0.35);
}