Nazwany kolor · #586766
Brooklyn
Brooklyn to #586766: rgb(88 103 102), hsl(176 8% 37%), oklch(0.501 0.018 191.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Brooklyn color name →
#586766
oklch(0.501 0.018 191.7)
Konwersje koloru
- HEX
- #586766
- RGB
- rgb(88 103 102)
- HSL
- hsl(176 8% 37%)
- HWB
- hwb(176 35% 60%)
- OKLCH
- oklch(0.501 0.018 191.7)
- OKLab
- oklab(0.501 -0.018 -0.004)
- CIE Lab
- lab(42.31 -6.07 -1.46)
- LCH
- lch(42.31 6.24 193.5)
- CMYK
- cmyk(15% 0% 1% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 677574
- 778382
- 879291
- 97A1A0
- A8B0AF
- B9BFBF
- CACFCF
- DBDFDE
- EDEFEF
Odcienie ciemniejsze
- 4B5958
- 3F4B4A
- 333D3C
- 28302F
- 1D2323
- 121717
- 090C0C
- 030404
- 000000
Tony
- 5C6969
- 606C6B
- 646E6E
- 687170
- 6C7373
- 707675
- 747878
- 787B7B
- 7C7D7D
Harmonie kolorów
Komplementarna +180°
- 586766
Brooklyn
- 6E5F61
≈ Duomo
Analogowa -30° +30°
- 586766
Brooklyn
- 5B6760
≈ Hockham Green
- 59666B
≈ Whale Grey
Triada +120° +240°
- 586766
Brooklyn
- 67616B
≈ Forge
- 6A6258
≈ Bungee Cord
Komplementarna rozszczepiona +150° +210°
- 586766
Brooklyn
- 6B6066
≈ Vibrant Vision
- 6D605B
≈ Bull Ring
Tetrada +90° +180° +270°
- 586766
Brooklyn
- 61626E
≈ Script Ink
- 6E5F61
≈ Duomo
- 656458
≈ Cast Iron
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.92:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.54:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.92:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--brooklyn: #586766;
--brooklyn-rgb: 88 103 102;
--brooklyn-oklch: oklch(0.501 0.018 191.7);
}
.element {
color: var(--brooklyn);
background-color: hsl(176 8% 37%);
border-color: oklch(0.501 0.018 191.7);
}Tailwind CSS v4
@theme {
--color-brooklyn: #586766;
--color-brooklyn-50: #eff7f6;
--color-brooklyn-100: #e1eae9;
--color-brooklyn-200: #ccd7d6;
--color-brooklyn-300: #adbaba;
--color-brooklyn-400: #93a2a1;
--color-brooklyn-500: #798a89;
--color-brooklyn-600: #667574;
--color-brooklyn-700: #525e5d;
--color-brooklyn-800: #3b4444;
--color-brooklyn-900: #292f2f;
--color-brooklyn-950: #171c1b;
}SCSS
$brooklyn: #586766;
$brooklyn-rgb: 88, 103, 102;
$brooklyn-light: mix(#fff, $brooklyn, 20%);
$brooklyn-dark: mix(#000, $brooklyn, 20%);
.element {
color: $brooklyn;
box-shadow: 0 0 0 2px rgba($brooklyn, 0.35);
}