Nazwany kolor · #85A3B2
Grauzone
Grauzone to #85A3B2: rgb(133 163 178), hsl(200 23% 61%), oklch(0.698 0.04 229.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Grauzone color name →
#85A3B2
oklch(0.698 0.04 229.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 91ACBA
- 9DB5C1
- A9BEC9
- B5C7D0
- C1D0D8
- CDD9E0
- D9E3E8
- E6ECEF
- F2F6F7
Odcienie ciemniejsze
- 738D9A
- 617883
- 50636D
- 404F57
- 303C43
- 212A2F
- 13191D
- 060A0C
- 010101
Tony
- 859FAD
- 849CA8
- 8498A3
- 84959E
- 839199
- 838E94
- 828A8F
- 81878A
- 818385
Harmonie kolorów
Komplementarna +180°
- 85A3B2
Grauzone
- B39788
≈ Free Wheeling
Analogowa -30° +30°
- 85A3B2
Grauzone
- 81A6A7
≈ Ziggurat
- 8F9FB7
≈ Anita
Triada +120° +240°
- 85A3B2
Grauzone
- B294A1
≈ Ashberry
- 9FA084
≈ Rigby Ridge
Komplementarna rozszczepiona +150° +210°
- 85A3B2
Grauzone
- B59494
≈ Cherry Taupe
- AB9B82
≈ Smallmouth Bass
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.66:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.87:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
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);
}