Adlandırılmış renk · #BDBDC6
Great White
Great White, #BDBDC6: rgb(189 189 198), hsl(240 7% 76%), oklch(0.801 0.013 286.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Great White color name →
#BDBDC6
oklch(0.801 0.013 286.1)
Renk dönüşümleri
- HEX
- #bdbdc6
- RGB
- rgb(189 189 198)
- HSL
- hsl(240 7% 76%)
- HWB
- hwb(240 74% 22%)
- OKLCH
- oklch(0.801 0.013 286.1)
- OKLab
- oklab(0.801 0.003 -0.012)
- CIE Lab
- lab(76.82 1.27 -4.55)
- LCH
- lch(76.82 4.72 285.6)
- CMYK
- cmyk(5% 5% 0% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3C3CC
- CACAD1
- D0D0D7
- D7D7DD
- DEDEE2
- E4E4E8
- EBEBEE
- F2F2F3
- F8F8F9
Koyu tonlar
- A4A4AC
- 8C8C92
- 74747A
- 5D5D62
- 47474B
- 333335
- 1F1F21
- 0D0D0E
- 020202
Gri tonlar
- B7B7BF
- B0B0B8
- AAAAB0
- A4A4A9
- 9E9EA2
- 98989B
- 929294
- 8C8C8E
- 868687
Renk uyumları
Tamamlayıcı +180°
- BDBDC6
Great White
- BFBFB6
≈ Light Year
Analog -30° +30°
- BDBDC6
Great White
- B9BFC6
≈ Blue to You
- C1BCC4
≈ Inuit Ice
Üçlü +120° +240°
- BDBDC6
Great White
- C5BCB7
≈ Hush
- B7C1BC
≈ Adieu
Bölünmüş tamamlayıcı +150° +210°
- BDBDC6
Great White
- C3BDB5
≈ Ooid Sand
- BAC0B8
≈ Pumice
Dörtlü +90° +180° +270°
- BDBDC6
Great White
- C6BBBB
≈ Studio Mauve
- BFBFB6
≈ Light Year
- B5C1C1
≈ Jolene
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.86:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.25:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--great-white: #bdbdc6;
--great-white-rgb: 189 189 198;
--great-white-oklch: oklch(0.801 0.013 286.1);
}
.element {
color: var(--great-white);
background-color: hsl(240 7% 76%);
border-color: oklch(0.801 0.013 286.1);
}Tailwind CSS v4
@theme {
--color-great-white: #bdbdc6;
--color-great-white-50: #f5f5f9;
--color-great-white-100: #e7e7ec;
--color-great-white-200: #d4d3d9;
--color-great-white-300: #b7b6be;
--color-great-white-400: #9d9da6;
--color-great-white-500: #85858e;
--color-great-white-600: #717178;
--color-great-white-700: #5a5a60;
--color-great-white-800: #424247;
--color-great-white-900: #2d2d31;
--color-great-white-950: #1a1a1d;
}SCSS
$great-white: #bdbdc6;
$great-white-rgb: 189, 189, 198;
$great-white-light: mix(#fff, $great-white, 20%);
$great-white-dark: mix(#000, $great-white, 20%);
.element {
color: $great-white;
box-shadow: 0 0 0 2px rgba($great-white, 0.35);
}