Adlandırılmış renk · #8A9B98
Café Blue
Café Blue, #8A9B98: rgb(138 155 152), hsl(169 8% 57%), oklch(0.675 0.02 184). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Café Blue color name →
#8A9B98
oklch(0.675 0.02 184)
Renk dönüşümleri
- HEX
- #8a9b98
- RGB
- rgb(138 155 152)
- HSL
- hsl(169 8% 57%)
- HWB
- hwb(169 54% 39%)
- OKLCH
- oklch(0.675 0.02 184)
- OKLab
- oklab(0.675 -0.02 -0.001)
- CIE Lab
- lab(62.55 -6.72 -0.58)
- LCH
- lch(62.55 6.74 185)
- CMYK
- cmyk(11% 0% 2% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 95A5A2
- A0AEAC
- ACB8B6
- B7C2C0
- C3CCCA
- CFD6D5
- DBE0DF
- E7EAEA
- F3F5F4
Koyu tonlar
- 778684
- 657270
- 535E5C
- 424B4A
- 323938
- 222827
- 141817
- 070908
- 010101
Gri tonlar
- 899896
- 889693
- 879391
- 86908E
- 858D8C
- 848B8A
- 838887
- 828585
- 818382
Renk uyumları
Tamamlayıcı +180°
- 8A9B98
Café Blue
- A29295
≈ Auger Shell
Analog -30° +30°
- 8A9B98
Café Blue
- 8E9B91
≈ Iceberg Green
- 8A9A9E
≈ Grey Flannel
Üçlü +120° +240°
- 8A9B98
Café Blue
- 9994A1
≈ Ash Violet
- A0948A
≈ Saudi Sand
Bölünmüş tamamlayıcı +150° +210°
- 8A9B98
Café Blue
- 9F929C
≈ Nirvana
- A3938F
≈ Fall Heliotrope
Dörtlü +90° +180° +270°
- 8A9B98
Café Blue
- 9396A3
≈ Time Warp
- A29295
≈ Auger Shell
- 9B9789
≈ Honed Soapstone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.90:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.22:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.22:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--cafe-blue: #8a9b98;
--cafe-blue-rgb: 138 155 152;
--cafe-blue-oklch: oklch(0.675 0.02 184);
}
.element {
color: var(--cafe-blue);
background-color: hsl(169 8% 57%);
border-color: oklch(0.675 0.02 184);
}Tailwind CSS v4
@theme {
--color-cafe-blue: #8a9b98;
--color-cafe-blue-50: #eff7f6;
--color-cafe-blue-100: #e1eae9;
--color-cafe-blue-200: #cbd7d5;
--color-cafe-blue-300: #adbbb9;
--color-cafe-blue-400: #92a2a0;
--color-cafe-blue-500: #788b87;
--color-cafe-blue-600: #667573;
--color-cafe-blue-700: #515e5c;
--color-cafe-blue-800: #3b4543;
--color-cafe-blue-900: #292f2e;
--color-cafe-blue-950: #161c1b;
}SCSS
$cafe-blue: #8a9b98;
$cafe-blue-rgb: 138, 155, 152;
$cafe-blue-light: mix(#fff, $cafe-blue, 20%);
$cafe-blue-dark: mix(#000, $cafe-blue, 20%);
.element {
color: $cafe-blue;
box-shadow: 0 0 0 2px rgba($cafe-blue, 0.35);
}