Nazwany kolor · #AEABA5
City Tower
City Tower to #AEABA5: rgb(174 171 165), hsl(40 5% 66%), oklch(0.742 0.009 84.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · City Tower color name →
#AEABA5
oklch(0.742 0.009 84.6)
Konwersje koloru
- HEX
- #aeaba5
- RGB
- rgb(174 171 165)
- HSL
- hsl(40 5% 66%)
- HWB
- hwb(40 65% 32%)
- OKLCH
- oklch(0.742 0.009 84.6)
- OKLab
- oklab(0.742 0.001 0.009)
- CIE Lab
- lab(70.1 0.29 3.5)
- LCH
- lch(70.1 3.51 85.2)
- CMYK
- cmyk(0% 2% 5% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6B3AE
- BEBBB6
- C6C4BF
- CECCC8
- D6D4D1
- DEDDDA
- E6E5E3
- EEEEEC
- F7F6F6
Odcienie ciemniejsze
- 97948F
- 807E79
- 6A6865
- 555451
- 41403D
- 2E2D2B
- 1C1B1A
- 0B0B0A
- 010101
Tony
- A9A7A1
- A5A29D
- A09E9A
- 9B9A96
- 979592
- 92918F
- 8E8D8B
- 898887
- 848484
Harmonie kolorów
Komplementarna +180°
- AEABA5
City Tower
- A8ABB1
≈ Modern Lavender
Analogowa -30° +30°
- AEABA5
City Tower
- B0AAA6
≈ Autumn Grey
- ABACA6
≈ Classic Greyscale
Triada +120° +240°
- AEABA5
City Tower
- A5ADAE
≈ Gull Grey
- AEA9AF
≈ Iced Tulip
Komplementarna rozszczepiona +150° +210°
- AEABA5
City Tower
- A6ACB0
≈ Gull Grey
- ABAAB1
≈ Sylph
Tetrada +90° +180° +270°
- AEABA5
City Tower
- A6ADAB
≈ Silver Screen
- A8ABB1
≈ Modern Lavender
- B0A9AC
≈ Stamina
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.16:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--city-tower: #aeaba5;
--city-tower-rgb: 174 171 165;
--city-tower-oklch: oklch(0.742 0.009 84.6);
}
.element {
color: var(--city-tower);
background-color: hsl(40 5% 66%);
border-color: oklch(0.742 0.009 84.6);
}Tailwind CSS v4
@theme {
--color-city-tower: #aeaba5;
--color-city-tower-50: #f6f5f2;
--color-city-tower-100: #e9e8e4;
--color-city-tower-200: #d6d4d0;
--color-city-tower-300: #b9b7b2;
--color-city-tower-400: #a19e98;
--color-city-tower-500: #89867f;
--color-city-tower-600: #74716c;
--color-city-tower-700: #5d5b56;
--color-city-tower-800: #44423f;
--color-city-tower-900: #2f2e2b;
--color-city-tower-950: #1b1a19;
}SCSS
$city-tower: #aeaba5;
$city-tower-rgb: 174, 171, 165;
$city-tower-light: mix(#fff, $city-tower, 20%);
$city-tower-dark: mix(#000, $city-tower, 20%);
.element {
color: $city-tower;
box-shadow: 0 0 0 2px rgba($city-tower, 0.35);
}