Nazwany kolor · #91A1B5
Canary Wharf
Canary Wharf to #91A1B5: rgb(145 161 181), hsl(213 20% 64%), oklch(0.703 0.035 254.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Canary Wharf color name →
#91A1B5
oklch(0.703 0.035 254.1)
Konwersje koloru
- HEX
- #91a1b5
- RGB
- rgb(145 161 181)
- HSL
- hsl(213 20% 64%)
- HWB
- hwb(213 57% 29%)
- OKLCH
- oklch(0.703 0.035 254.1)
- OKLab
- oklab(0.703 -0.009 -0.033)
- CIE Lab
- lab(65.48 -2.57 -12.4)
- LCH
- lch(65.48 12.67 258.3)
- CMYK
- cmyk(20% 11% 0% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9CAABC
- A6B3C4
- B1BCCB
- BCC6D2
- C7CFDA
- D2D9E1
- DDE2E8
- E8ECF0
- F4F5F7
Odcienie ciemniejsze
- 7D8B9D
- 6A7686
- 58626F
- 464E59
- 353C44
- 252A30
- 15191D
- 07090C
- 010102
Tony
- 8F9EB0
- 8E9AAA
- 8C97A5
- 8A94A0
- 89909A
- 878D95
- 858A90
- 83878A
- 828385
Harmonie kolorów
Komplementarna +180°
- 91A1B5
Canary Wharf
- AD9D88
≈ Creek Bay
Analogowa -30° +30°
- 91A1B5
Canary Wharf
- 89A5B0
≈ Blue Nuthatch
- 9C9DB5
≈ Logan
Triada +120° +240°
- 91A1B5
Canary Wharf
- B49799
≈ Hazy Rose
- 97A48F
≈ Big Fish
Komplementarna rozszczepiona +150° +210°
- 91A1B5
Canary Wharf
- B3998E
≈ Del Rio
- A2A188
≈ Potting Moss
Tetrada +90° +180° +270°
- 91A1B5
Canary Wharf
- B097A5
≈ Lilac Lustre
- AD9D88
≈ Creek Bay
- 8CA79A
≈ Tropical Cascade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.63:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.96:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--canary-wharf: #91a1b5;
--canary-wharf-rgb: 145 161 181;
--canary-wharf-oklch: oklch(0.703 0.035 254.1);
}
.element {
color: var(--canary-wharf);
background-color: hsl(213 20% 64%);
border-color: oklch(0.703 0.035 254.1);
}Tailwind CSS v4
@theme {
--color-canary-wharf: #91a1b5;
--color-canary-wharf-50: #eff6ff;
--color-canary-wharf-100: #e1e9f4;
--color-canary-wharf-200: #cbd5e3;
--color-canary-wharf-300: #acb9c9;
--color-canary-wharf-400: #91a0b3;
--color-canary-wharf-500: #77889d;
--color-canary-wharf-600: #657385;
--color-canary-wharf-700: #505c6a;
--color-canary-wharf-800: #3a434e;
--color-canary-wharf-900: #282f36;
--color-canary-wharf-950: #161b21;
}SCSS
$canary-wharf: #91a1b5;
$canary-wharf-rgb: 145, 161, 181;
$canary-wharf-light: mix(#fff, $canary-wharf, 20%);
$canary-wharf-dark: mix(#000, $canary-wharf, 20%);
.element {
color: $canary-wharf;
box-shadow: 0 0 0 2px rgba($canary-wharf, 0.35);
}