Adlandırılmış renk · #C3BCB3
Linnet
Linnet, #C3BCB3: rgb(195 188 179), hsl(34 12% 73%), oklch(0.798 0.015 74.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Linnet color name →
#C3BCB3
oklch(0.798 0.015 74.4)
Renk dönüşümleri
- HEX
- #c3bcb3
- RGB
- rgb(195 188 179)
- HSL
- hsl(34 12% 73%)
- HWB
- hwb(34 70% 24%)
- OKLCH
- oklch(0.798 0.015 74.4)
- OKLab
- oklab(0.798 0.004 0.014)
- CIE Lab
- lab(76.63 1.37 5.49)
- LCH
- lch(76.63 5.66 76)
- CMYK
- cmyk(0% 4% 8% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C9C3BA
- CFC9C2
- D5D0C9
- DBD6D1
- E1DDD8
- E7E4E0
- EDEBE8
- F3F1EF
- F9F8F7
Koyu tonlar
- A9A39B
- 908B84
- 78736E
- 605D58
- 4A4743
- 34322F
- 201F1D
- 0E0D0C
- 020201
Gri tonlar
- BCB6AE
- B5B0A9
- AEAAA3
- A8A49E
- A19D99
- 9A9894
- 94928F
- 8D8C8A
- 868685
Renk uyumları
Tamamlayıcı +180°
- C3BCB3
Linnet
- B7BEC7
≈ Blue Rinse
Analog -30° +30°
- C3BCB3
Linnet
- C6BAB6
≈ Mauve Stone
- BEBEB3
≈ Light Year
Üçlü +120° +240°
- C3BCB3
Linnet
- B3C0C0
≈ Jolene
- C1BAC4
≈ Pocketful of Posies
Bölünmüş tamamlayıcı +150° +210°
- C3BCB3
Linnet
- B4BFC4
≈ Grey Brook
- BCBCC7
≈ Great White
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.88:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.16:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--linnet: #c3bcb3;
--linnet-rgb: 195 188 179;
--linnet-oklch: oklch(0.798 0.015 74.4);
}
.element {
color: var(--linnet);
background-color: hsl(34 12% 73%);
border-color: oklch(0.798 0.015 74.4);
}Tailwind CSS v4
@theme {
--color-linnet: #c3bcb3;
--color-linnet-50: #f8f5f0;
--color-linnet-100: #ebe7e2;
--color-linnet-200: #d8d3cd;
--color-linnet-300: #bcb6af;
--color-linnet-400: #a49d95;
--color-linnet-500: #8c857c;
--color-linnet-600: #777169;
--color-linnet-700: #5f5a54;
--color-linnet-800: #46423d;
--color-linnet-900: #302d2a;
--color-linnet-950: #1c1a17;
}SCSS
$linnet: #c3bcb3;
$linnet-rgb: 195, 188, 179;
$linnet-light: mix(#fff, $linnet, 20%);
$linnet-dark: mix(#000, $linnet, 20%);
.element {
color: $linnet;
box-shadow: 0 0 0 2px rgba($linnet, 0.35);
}