Adlandırılmış renk · #A5C1C0
Wild Life
Wild Life, #A5C1C0: rgb(165 193 192), hsl(178 18% 70%), oklch(0.79 0.03 193.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Wild Life color name →
#A5C1C0
oklch(0.79 0.03 193.9)
Renk dönüşümleri
- HEX
- #a5c1c0
- RGB
- rgb(165 193 192)
- HSL
- hsl(178 18% 70%)
- HWB
- hwb(178 65% 24%)
- OKLCH
- oklch(0.79 0.03 193.9)
- OKLab
- oklab(0.79 -0.029 -0.007)
- CIE Lab
- lab(75.94 -9.96 -2.85)
- LCH
- lch(75.94 10.36 196)
- CMYK
- cmyk(15% 0% 1% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AEC7C6
- B7CDCC
- C0D3D3
- C9D9D9
- D2E0DF
- DBE6E5
- E4ECEC
- EDF2F2
- F6F9F9
Koyu tonlar
- 8FA7A7
- 798F8E
- 657776
- 515F5F
- 3D4949
- 2B3434
- 1A2020
- 0A0E0E
- 010202
Gri tonlar
- A1BAB9
- 9EB4B3
- 9AADAC
- 96A6A6
- 93A09F
- 8F9999
- 8B9393
- 878D8C
- 848686
Renk uyumları
Tamamlayıcı +180°
- A5C1C0
Wild Life
- CDB3B5
≈ Smoked Lavender
Analog -30° +30°
- A5C1C0
Wild Life
- AAC1B5
≈ Kind Green
- A6BFC9
≈ Juliet Blue
Üçlü +120° +240°
- A5C1C0
Wild Life
- C2B5C8
≈ Decency
- C7B8A6
≈ Soft Stones
Bölünmüş tamamlayıcı +150° +210°
- A5C1C0
Wild Life
- C9B3BF
≈ Runic Mauve
- CCB5AB
≈ Sashay Sand
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.91:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 10.98:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.98:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--wild-life: #a5c1c0;
--wild-life-rgb: 165 193 192;
--wild-life-oklch: oklch(0.79 0.03 193.9);
}
.element {
color: var(--wild-life);
background-color: hsl(178 18% 70%);
border-color: oklch(0.79 0.03 193.9);
}Tailwind CSS v4
@theme {
--color-wild-life: #a5c1c0;
--color-wild-life-50: #ecf8f8;
--color-wild-life-100: #ddebeb;
--color-wild-life-200: #c6d9d8;
--color-wild-life-300: #a6bdbc;
--color-wild-life-400: #8ba4a4;
--color-wild-life-500: #6f8d8c;
--color-wild-life-600: #5e7776;
--color-wild-life-700: #4b5f5f;
--color-wild-life-800: #364645;
--color-wild-life-900: #253030;
--color-wild-life-950: #141d1c;
}SCSS
$wild-life: #a5c1c0;
$wild-life-rgb: 165, 193, 192;
$wild-life-light: mix(#fff, $wild-life, 20%);
$wild-life-dark: mix(#000, $wild-life, 20%);
.element {
color: $wild-life;
box-shadow: 0 0 0 2px rgba($wild-life, 0.35);
}