Adlandırılmış renk · #B1AA9C
Bright Sepia
Bright Sepia, #B1AA9C: rgb(177 170 156), hsl(40 12% 65%), oklch(0.74 0.021 84.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? → · Bright Sepia color name →
#B1AA9C
oklch(0.74 0.021 84.6)
Renk dönüşümleri
- HEX
- #b1aa9c
- RGB
- rgb(177 170 156)
- HSL
- hsl(40 12% 65%)
- HWB
- hwb(40 61% 31%)
- OKLCH
- oklch(0.74 0.021 84.6)
- OKLab
- oklab(0.74 0.002 0.021)
- CIE Lab
- lab(69.91 0.77 8.19)
- LCH
- lch(69.91 8.22 84.6)
- CMYK
- cmyk(0% 4% 12% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9B2A6
- C0BAAF
- C8C3B9
- D0CBC3
- D7D4CC
- DFDCD6
- E7E5E0
- EFEEEB
- F7F6F5
Koyu tonlar
- 999387
- 837D73
- 6C685F
- 57534C
- 423F39
- 2F2D28
- 1C1B18
- 0C0B09
- 010101
Gri tonlar
- ACA699
- A7A196
- A29D94
- 9D9991
- 98958E
- 93918B
- 8E8C88
- 8A8886
- 858483
Renk uyumları
Tamamlayıcı +180°
- B1AA9C
Bright Sepia
- A4ABB9
≈ Atelier
Analog -30° +30°
- B1AA9C
Bright Sepia
- B6A89E
≈ Prestige
- AAAD9E
≈ Meditation
Üçlü +120° +240°
- B1AA9C
Bright Sepia
- 9CAFB1
≈ Interesting Aqua
- B2A6B2
≈ Plum Frost
Bölünmüş tamamlayıcı +150° +210°
- B1AA9C
Bright Sepia
- 9EADB6
≈ Shower
- ABA8B7
≈ Morning Mist Grey
Dörtlü +90° +180° +270°
- B1AA9C
Bright Sepia
- 9EAFAA
≈ Grey Morning
- A4ABB9
≈ Atelier
- B6A6AB
≈ Foggy Plum
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.30:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.09:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--bright-sepia: #b1aa9c;
--bright-sepia-rgb: 177 170 156;
--bright-sepia-oklch: oklch(0.74 0.021 84.6);
}
.element {
color: var(--bright-sepia);
background-color: hsl(40 12% 65%);
border-color: oklch(0.74 0.021 84.6);
}Tailwind CSS v4
@theme {
--color-bright-sepia: #b1aa9c;
--color-bright-sepia-50: #f8f5ee;
--color-bright-sepia-100: #ebe7e0;
--color-bright-sepia-200: #d8d4ca;
--color-bright-sepia-300: #bcb7ab;
--color-bright-sepia-400: #a49e91;
--color-bright-sepia-500: #8d8577;
--color-bright-sepia-600: #777164;
--color-bright-sepia-700: #5f5a50;
--color-bright-sepia-800: #46423a;
--color-bright-sepia-900: #302d28;
--color-bright-sepia-950: #1d1a16;
}SCSS
$bright-sepia: #b1aa9c;
$bright-sepia-rgb: 177, 170, 156;
$bright-sepia-light: mix(#fff, $bright-sepia, 20%);
$bright-sepia-dark: mix(#000, $bright-sepia, 20%);
.element {
color: $bright-sepia;
box-shadow: 0 0 0 2px rgba($bright-sepia, 0.35);
}