Adlandırılmış renk · #BDC0B3
Contented
Contented, #BDC0B3: rgb(189 192 179), hsl(74 9% 73%), oklch(0.802 0.018 117.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? → · Contented color name →
#BDC0B3
oklch(0.802 0.018 117.4)
Renk dönüşümleri
- HEX
- #bdc0b3
- RGB
- rgb(189 192 179)
- HSL
- hsl(74 9% 73%)
- HWB
- hwb(74 70% 25%)
- OKLCH
- oklch(0.802 0.018 117.4)
- OKLab
- oklab(0.802 -0.008 0.016)
- CIE Lab
- lab(77.19 -2.83 6.19)
- LCH
- lch(77.19 6.81 114.6)
- CMYK
- cmyk(2% 0% 7% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3C6BA
- CACCC2
- D0D3C9
- D7D9D1
- DEDFD8
- E4E5E0
- EBECE8
- F2F2EF
- F8F9F7
Koyu tonlar
- A4A79B
- 8C8E84
- 74766E
- 5D5F58
- 474943
- 33342F
- 1F201D
- 0D0E0C
- 020201
Gri tonlar
- B7B9AE
- B0B3A9
- AAACA3
- A4A69E
- 9E9F99
- 989994
- 92938F
- 8C8C8A
- 868685
Renk uyumları
Tamamlayıcı +180°
- BDC0B3
Contented
- BFBCC9
≈ Silverberry
Analog -30° +30°
- BDC0B3
Contented
- C3BEB1
≈ Heifer
- B7C2B8
≈ Recycled Glass
Üçlü +120° +240°
- BDC0B3
Contented
- B4C0C9
≈ Winter Wonderland
- C9BABE
≈ Iris Pink
Bölünmüş tamamlayıcı +150° +210°
- BDC0B3
Contented
- B9BECA
≈ Kinder
- C5BAC4
≈ Hazy Iris
Dörtlü +90° +180° +270°
- BDC0B3
Contented
- B2C2C4
≈ Jolene
- BFBCC9
≈ Silverberry
- CABAB8
≈ Hushed Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.84:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.35:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--contented: #bdc0b3;
--contented-rgb: 189 192 179;
--contented-oklch: oklch(0.802 0.018 117.4);
}
.element {
color: var(--contented);
background-color: hsl(74 9% 73%);
border-color: oklch(0.802 0.018 117.4);
}Tailwind CSS v4
@theme {
--color-contented: #bdc0b3;
--color-contented-50: #f4f6f0;
--color-contented-100: #e7e9e2;
--color-contented-200: #d3d5cd;
--color-contented-300: #b6b9af;
--color-contented-400: #9da094;
--color-contented-500: #85887a;
--color-contented-600: #707368;
--color-contented-700: #5a5c53;
--color-contented-800: #42433c;
--color-contented-900: #2d2e29;
--color-contented-950: #1a1b17;
}SCSS
$contented: #bdc0b3;
$contented-rgb: 189, 192, 179;
$contented-light: mix(#fff, $contented, 20%);
$contented-dark: mix(#000, $contented, 20%);
.element {
color: $contented;
box-shadow: 0 0 0 2px rgba($contented, 0.35);
}