Benannte Farbe · #91A1B5
Canary Wharf
Canary Wharf ist #91A1B5: rgb(145 161 181), hsl(213 20% 64%), oklch(0.703 0.035 254.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Canary Wharf color name →
#91A1B5
oklch(0.703 0.035 254.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 9CAABC
- A6B3C4
- B1BCCB
- BCC6D2
- C7CFDA
- D2D9E1
- DDE2E8
- E8ECF0
- F4F5F7
Shades
- 7D8B9D
- 6A7686
- 58626F
- 464E59
- 353C44
- 252A30
- 15191D
- 07090C
- 010102
Tones
- 8F9EB0
- 8E9AAA
- 8C97A5
- 8A94A0
- 89909A
- 878D95
- 858A90
- 83878A
- 828385
Farbharmonien
Komplementär +180°
- 91A1B5
Canary Wharf
- AD9D88
≈ Creek Bay
Analog -30° +30°
- 91A1B5
Canary Wharf
- 89A5B0
≈ Blue Nuthatch
- 9C9DB5
≈ Logan
Triadisch +120° +240°
- 91A1B5
Canary Wharf
- B49799
≈ Hazy Rose
- 97A48F
≈ Big Fish
Geteilt komplementär +150° +210°
- 91A1B5
Canary Wharf
- B3998E
≈ Del Rio
- A2A188
≈ Potting Moss
Tetradisch +90° +180° +270°
- 91A1B5
Canary Wharf
- B097A5
≈ Lilac Lustre
- AD9D88
≈ Creek Bay
- 8CA79A
≈ Tropical Cascade
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.63:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.96:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
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);
}