Adlandırılmış renk · #748B97
Bluish Grey
Bluish Grey, #748B97: rgb(116 139 151), hsl(201 14% 52%), oklch(0.623 0.032 230.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Bluish Grey color name →
#748B97
oklch(0.623 0.032 230.6)
Renk dönüşümleri
- HEX
- #748b97
- RGB
- rgb(116 139 151)
- HSL
- hsl(201 14% 52%)
- HWB
- hwb(201 45% 41%)
- OKLCH
- oklch(0.623 0.032 230.6)
- OKLab
- oklab(0.623 -0.02 -0.025)
- CIE Lab
- lab(56.36 -6.42 -9.3)
- LCH
- lch(56.36 11.31 235.4)
- CMYK
- cmyk(23% 8% 0% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8196A1
- 8FA1AB
- 9CADB5
- AAB8C0
- B8C4CA
- C6CFD4
- D4DBDF
- E2E7EA
- F0F3F4
Koyu tonlar
- 647883
- 54666F
- 45545C
- 374349
- 293237
- 1B2326
- 0F1417
- 050708
- 010101
Gri tonlar
- 758A95
- 778992
- 788890
- 79878E
- 7A868C
- 7C8489
- 7D8387
- 7E8285
- 7F8182
Renk uyumları
Tamamlayıcı +180°
- 748B97
Bluish Grey
- 988276
≈ Flower Wood
Analog -30° +30°
- 748B97
Bluish Grey
- 718D8F
≈ Leisure Time
- 7C889B
≈ Window Screen
Üçlü +120° +240°
- 748B97
Bluish Grey
- 977F89
≈ Toadstool Soup
- 888973
≈ Dried Basil
Bölünmüş tamamlayıcı +150° +210°
- 748B97
Bluish Grey
- 9A807F
≈ Opium
- 918572
≈ Faint Allegory
Dörtlü +90° +180° +270°
- 748B97
Bluish Grey
- 908193
≈ Purple Ash
- 988276
≈ Flower Wood
- 7D8C7A
≈ Amazon Moss
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.56:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.88:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.88:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--bluish-grey: #748b97;
--bluish-grey-rgb: 116 139 151;
--bluish-grey-oklch: oklch(0.623 0.032 230.6);
}
.element {
color: var(--bluish-grey);
background-color: hsl(201 14% 52%);
border-color: oklch(0.623 0.032 230.6);
}Tailwind CSS v4
@theme {
--color-bluish-grey: #748b97;
--color-bluish-grey-50: #edf7fd;
--color-bluish-grey-100: #deeaf1;
--color-bluish-grey-200: #c7d7e0;
--color-bluish-grey-300: #a8bbc5;
--color-bluish-grey-400: #8ca2ae;
--color-bluish-grey-500: #718b98;
--color-bluish-grey-600: #607580;
--color-bluish-grey-700: #4d5e67;
--color-bluish-grey-800: #37454b;
--color-bluish-grey-900: #263034;
--color-bluish-grey-950: #141c20;
}SCSS
$bluish-grey: #748b97;
$bluish-grey-rgb: 116, 139, 151;
$bluish-grey-light: mix(#fff, $bluish-grey, 20%);
$bluish-grey-dark: mix(#000, $bluish-grey, 20%);
.element {
color: $bluish-grey;
box-shadow: 0 0 0 2px rgba($bluish-grey, 0.35);
}