Adlandırılmış renk · #B2ADBF
Wisteria Trellis
Wisteria Trellis, #B2ADBF: rgb(178 173 191), hsl(257 12% 71%), oklch(0.757 0.026 298.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Wisteria Trellis color name →
#B2ADBF
oklch(0.757 0.026 298.5)
Renk dönüşümleri
- HEX
- #b2adbf
- RGB
- rgb(178 173 191)
- HSL
- hsl(257 12% 71%)
- HWB
- hwb(257 68% 25%)
- OKLCH
- oklch(0.757 0.026 298.5)
- OKLab
- oklab(0.757 0.012 -0.023)
- CIE Lab
- lab(71.57 4.43 -8.56)
- LCH
- lch(71.57 9.64 297.4)
- CMYK
- cmyk(7% 9% 0% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9B5C5
- C1BDCC
- C9C5D2
- D0CDD8
- D8D5DF
- E0DEE5
- E7E6EC
- EFEEF2
- F7F7F8
Koyu tonlar
- 9A96A6
- 837F8D
- 6D6A75
- 57555E
- 434148
- 2F2D33
- 1D1B1F
- 0C0B0D
- 010102
Gri tonlar
- ADA8B9
- A8A4B2
- A39FAC
- 9E9BA5
- 99969F
- 949299
- 8F8D92
- 8A898C
- 858486
Renk uyumları
Tamamlayıcı +180°
- B2ADBF
Wisteria Trellis
- AEB3A1
≈ Stormy Day
Analog -30° +30°
- B2ADBF
Wisteria Trellis
- A9B0C1
≈ Grey Agate
- BAABB9
≈ Lola
Üçlü +120° +240°
- B2ADBF
Wisteria Trellis
- BDADA0
≈ Blind Date
- A0B6B0
≈ Tropical Bay
Bölünmüş tamamlayıcı +150° +210°
- B2ADBF
Wisteria Trellis
- B7B09E
≈ Stone Walkway
- A6B5A7
≈ Aquatone
Dörtlü +90° +180° +270°
- B2ADBF
Wisteria Trellis
- C0AAA7
≈ Dusky
- AEB3A1
≈ Stormy Day
- 9EB5B9
≈ Blue by You
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.18:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.62:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.62:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--wisteria-trellis: #b2adbf;
--wisteria-trellis-rgb: 178 173 191;
--wisteria-trellis-oklch: oklch(0.757 0.026 298.5);
}
.element {
color: var(--wisteria-trellis);
background-color: hsl(257 12% 71%);
border-color: oklch(0.757 0.026 298.5);
}Tailwind CSS v4
@theme {
--color-wisteria-trellis: #b2adbf;
--color-wisteria-trellis-50: #f6f4fc;
--color-wisteria-trellis-100: #e9e6ef;
--color-wisteria-trellis-200: #d6d2de;
--color-wisteria-trellis-300: #b9b5c3;
--color-wisteria-trellis-400: #a09bac;
--color-wisteria-trellis-500: #888396;
--color-wisteria-trellis-600: #736f7e;
--color-wisteria-trellis-700: #5c5865;
--color-wisteria-trellis-800: #43414b;
--color-wisteria-trellis-900: #2e2d34;
--color-wisteria-trellis-950: #1b1a1f;
}SCSS
$wisteria-trellis: #b2adbf;
$wisteria-trellis-rgb: 178, 173, 191;
$wisteria-trellis-light: mix(#fff, $wisteria-trellis, 20%);
$wisteria-trellis-dark: mix(#000, $wisteria-trellis, 20%);
.element {
color: $wisteria-trellis;
box-shadow: 0 0 0 2px rgba($wisteria-trellis, 0.35);
}