Adlandırılmış renk · #85A3B2
Grauzone
Grauzone, #85A3B2: rgb(133 163 178), hsl(200 23% 61%), oklch(0.698 0.04 229.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Grauzone color name →
#85A3B2
oklch(0.698 0.04 229.7)
Renk dönüşümleri
- HEX
- #85a3b2
- RGB
- rgb(133 163 178)
- HSL
- hsl(200 23% 61%)
- HWB
- hwb(200 52% 30%)
- OKLCH
- oklch(0.698 0.04 229.7)
- OKLab
- oklab(0.698 -0.026 -0.03)
- CIE Lab
- lab(65.1 -8.14 -11.4)
- LCH
- lch(65.1 14.01 234.5)
- CMYK
- cmyk(25% 8% 0% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 91ACBA
- 9DB5C1
- A9BEC9
- B5C7D0
- C1D0D8
- CDD9E0
- D9E3E8
- E6ECEF
- F2F6F7
Koyu tonlar
- 738D9A
- 617883
- 50636D
- 404F57
- 303C43
- 212A2F
- 13191D
- 060A0C
- 010101
Gri tonlar
- 859FAD
- 849CA8
- 8498A3
- 84959E
- 839199
- 838E94
- 828A8F
- 81878A
- 818385
Renk uyumları
Tamamlayıcı +180°
- 85A3B2
Grauzone
- B39788
≈ Free Wheeling
Analog -30° +30°
- 85A3B2
Grauzone
- 81A6A7
≈ Ziggurat
- 8F9FB7
≈ Anita
Üçlü +120° +240°
- 85A3B2
Grauzone
- B294A1
≈ Ashberry
- 9FA084
≈ Rigby Ridge
Bölünmüş tamamlayıcı +150° +210°
- 85A3B2
Grauzone
- B59494
≈ Cherry Taupe
- AB9B82
≈ Smallmouth Bass
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.66:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.87:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--grauzone: #85a3b2;
--grauzone-rgb: 133 163 178;
--grauzone-oklch: oklch(0.698 0.04 229.7);
}
.element {
color: var(--grauzone);
background-color: hsl(200 23% 61%);
border-color: oklch(0.698 0.04 229.7);
}Tailwind CSS v4
@theme {
--color-grauzone: #85a3b2;
--color-grauzone-50: #eaf7ff;
--color-grauzone-100: #dbebf3;
--color-grauzone-200: #c4d8e3;
--color-grauzone-300: #a4bcc8;
--color-grauzone-400: #87a3b2;
--color-grauzone-500: #6b8c9c;
--color-grauzone-600: #5b7684;
--color-grauzone-700: #495f69;
--color-grauzone-800: #34454d;
--color-grauzone-900: #233036;
--color-grauzone-950: #121c21;
}SCSS
$grauzone: #85a3b2;
$grauzone-rgb: 133, 163, 178;
$grauzone-light: mix(#fff, $grauzone, 20%);
$grauzone-dark: mix(#000, $grauzone, 20%);
.element {
color: $grauzone;
box-shadow: 0 0 0 2px rgba($grauzone, 0.35);
}