Adlandırılmış renk · #B0AB9C
Chatroom
Chatroom, #B0AB9C: rgb(176 171 156), hsl(45 11% 65%), oklch(0.741 0.022 91.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? → · Chatroom color name →
#B0AB9C
oklch(0.741 0.022 91.6)
Renk dönüşümleri
- HEX
- #b0ab9c
- RGB
- rgb(176 171 156)
- HSL
- hsl(45 11% 65%)
- HWB
- hwb(45 61% 31%)
- OKLCH
- oklch(0.741 0.022 91.6)
- OKLab
- oklab(0.741 -0.001 0.022)
- CIE Lab
- lab(70.08 -0.12 8.43)
- LCH
- lch(70.08 8.43 90.8)
- CMYK
- cmyk(0% 3% 11% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B8B3A6
- BFBBAF
- C7C4B9
- CFCCC3
- D7D4CC
- DFDDD6
- E7E5E0
- EFEEEB
- F7F6F5
Koyu tonlar
- 999487
- 827E73
- 6C685F
- 56544C
- 424039
- 2E2D28
- 1C1B18
- 0B0B09
- 010101
Gri tonlar
- ABA799
- A6A296
- A19E94
- 9C9A91
- 98958E
- 93918B
- 8E8D88
- 898886
- 858483
Renk uyumları
Tamamlayıcı +180°
- B0AB9C
Chatroom
- A6ABB9
≈ Atelier
Analog -30° +30°
- B0AB9C
Chatroom
- B6A89E
≈ Prestige
- A9AE9F
≈ Mountain Lichen
Üçlü +120° +240°
- B0AB9C
Chatroom
- 9CAFB3
≈ Interesting Aqua
- B4A6B1
≈ Resplendent
Bölünmüş tamamlayıcı +150° +210°
- B0AB9C
Chatroom
- A0ADB8
≈ Shower
- ADA8B7
≈ Morning Mist Grey
Dörtlü +90° +180° +270°
- B0AB9C
Chatroom
- 9DB0AC
≈ Grey Morning
- A6ABB9
≈ Atelier
- B8A6AA
≈ Foggy Plum
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.29:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.15:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--chatroom: #b0ab9c;
--chatroom-rgb: 176 171 156;
--chatroom-oklch: oklch(0.741 0.022 91.6);
}
.element {
color: var(--chatroom);
background-color: hsl(45 11% 65%);
border-color: oklch(0.741 0.022 91.6);
}Tailwind CSS v4
@theme {
--color-chatroom: #b0ab9c;
--color-chatroom-50: #f7f5ee;
--color-chatroom-100: #eae8e0;
--color-chatroom-200: #d7d4ca;
--color-chatroom-300: #bbb7ab;
--color-chatroom-400: #a39e90;
--color-chatroom-500: #8b8676;
--color-chatroom-600: #767164;
--color-chatroom-700: #5e5b50;
--color-chatroom-800: #45423a;
--color-chatroom-900: #302e28;
--color-chatroom-950: #1c1a16;
}SCSS
$chatroom: #b0ab9c;
$chatroom-rgb: 176, 171, 156;
$chatroom-light: mix(#fff, $chatroom, 20%);
$chatroom-dark: mix(#000, $chatroom, 20%);
.element {
color: $chatroom;
box-shadow: 0 0 0 2px rgba($chatroom, 0.35);
}