Adlandırılmış renk · #9CACA5
Tower Grey
Tower Grey, #9CACA5: rgb(156 172 165), hsl(154 9% 64%), oklch(0.73 0.021 167.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Tower Grey color name →
#9CACA5
oklch(0.73 0.021 167.7)
Renk dönüşümleri
- HEX
- #9caca5
- RGB
- rgb(156 172 165)
- HSL
- hsl(154 9% 64%)
- HWB
- hwb(154 61% 33%)
- OKLCH
- oklch(0.73 0.021 167.7)
- OKLab
- oklab(0.73 -0.02 0.004)
- CIE Lab
- lab(68.93 -6.84 1.6)
- LCH
- lch(68.93 7.02 166.8)
- CMYK
- cmyk(9% 0% 4% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A6B4AE
- AFBCB6
- B9C4BF
- C3CCC8
- CDD5D1
- D6DDDA
- E0E5E3
- EBEEEC
- F5F6F6
Koyu tonlar
- 87958F
- 737F79
- 5F6965
- 4C5451
- 39403D
- 282D2B
- 181B1A
- 090B0A
- 010101
Gri tonlar
- 99A8A1
- 96A39D
- 949F9A
- 919A96
- 8E9692
- 8B918F
- 888D8B
- 868987
- 838484
Renk uyumları
Tamamlayıcı +180°
- 9CACA5
Tower Grey
- B2A3AA
≈ Foggy Plum
Analog -30° +30°
- 9CACA5
Tower Grey
- A2AB9E
≈ Green Balsam
- 9AACAC
≈ Dutch Tile Blue
Üçlü +120° +240°
- 9CACA5
Tower Grey
- A6A6B4
≈ Curated Lilac
- B3A49D
≈ Chocolate Oatmeal
Bölünmüş tamamlayıcı +150° +210°
- 9CACA5
Tower Grey
- ADA4B0
≈ Luxe Lilac
- B4A3A3
≈ Lilac Smoke
Dörtlü +90° +180° +270°
- 9CACA5
Tower Grey
- A0A8B5
≈ Great Falls
- B2A3AA
≈ Foggy Plum
- AFA69A
≈ In the Hills
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.37:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.85:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.85:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--tower-grey: #9caca5;
--tower-grey-rgb: 156 172 165;
--tower-grey-oklch: oklch(0.73 0.021 167.7);
}
.element {
color: var(--tower-grey);
background-color: hsl(154 9% 64%);
border-color: oklch(0.73 0.021 167.7);
}Tailwind CSS v4
@theme {
--color-tower-grey: #9caca5;
--color-tower-grey-50: #f0f7f4;
--color-tower-grey-100: #e2eae7;
--color-tower-grey-200: #ccd7d3;
--color-tower-grey-300: #aebbb6;
--color-tower-grey-400: #93a39c;
--color-tower-grey-500: #7a8b83;
--color-tower-grey-600: #67756f;
--color-tower-grey-700: #525e59;
--color-tower-grey-800: #3c4541;
--color-tower-grey-900: #29302d;
--color-tower-grey-950: #171c1a;
}SCSS
$tower-grey: #9caca5;
$tower-grey-rgb: 156, 172, 165;
$tower-grey-light: mix(#fff, $tower-grey, 20%);
$tower-grey-dark: mix(#000, $tower-grey, 20%);
.element {
color: $tower-grey;
box-shadow: 0 0 0 2px rgba($tower-grey, 0.35);
}