En yakın adlandırılmış renk · #BB9280
#BB9280
En yakın adlandırılmış renk: Café Crème
#BB9280 (rgb(187 146 128), hsl(18 30% 62%), oklch(0.694 0.056 44.9)) en çok Café Crème adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#BB9280
oklch(0.694 0.056 44.9)
Renk dönüşümleri
- HEX
- #bb9280
- RGB
- rgb(187 146 128)
- HSL
- hsl(18 30% 62%)
- HWB
- hwb(18 50% 27%)
- OKLCH
- oklch(0.694 0.056 44.9)
- OKLab
- oklab(0.694 0.04 0.04)
- CIE Lab
- lab(64.14 14.03 15.8)
- LCH
- lch(64.14 21.14 48.4)
- CMYK
- cmyk(0% 22% 32% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C29D8C
- C9A798
- D0B2A5
- D7BDB1
- DDC7BE
- E4D2CB
- EBDDD8
- F2E9E5
- F8F4F2
Koyu tonlar
- A27E6E
- 8A6B5D
- 73584D
- 5C463D
- 46352E
- 32251F
- 1F1612
- 0D0806
- 020101
Gri tonlar
- B59080
- AF8F80
- A98D80
- A48B80
- 9E8980
- 988780
- 928680
- 8C8480
- 868280
Renk uyumları
Tamamlayıcı +180°
- BB9280
Café Crème
- 77A4B7
≈ Blue Ridge Mist
Analog -30° +30°
- BB9280
Café Crème
- BD8F91
≈ Rosy Brown
- B19876
≈ Artisan Tan
Üçlü +120° +240°
- BB9280
Café Crème
- 7CA894
≈ Catnip
- 9898BF
≈ Grape Ivy
Bölünmüş tamamlayıcı +150° +210°
- BB9280
Café Crème
- 73A8A7
≈ Cresting Waves
- 859FBF
≈ Washed Denim
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.53:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--cafe-creme: #bb9280;
--cafe-creme-rgb: 187 146 128;
--cafe-creme-oklch: oklch(0.694 0.056 44.9);
}
.element {
color: var(--cafe-creme);
background-color: hsl(18 30% 62%);
border-color: oklch(0.694 0.056 44.9);
}Tailwind CSS v4
@theme {
--color-cafe-creme: #bb9280;
--color-cafe-creme-50: #fff1e8;
--color-cafe-creme-100: #f9e3d8;
--color-cafe-creme-200: #eacec0;
--color-cafe-creme-300: #d1af9f;
--color-cafe-creme-400: #bc9583;
--color-cafe-creme-500: #a67b67;
--color-cafe-creme-600: #8d6858;
--color-cafe-creme-700: #715346;
--color-cafe-creme-800: #533c33;
--color-cafe-creme-900: #3a2923;
--color-cafe-creme-950: #241712;
}SCSS
$cafe-creme: #bb9280;
$cafe-creme-rgb: 187, 146, 128;
$cafe-creme-light: mix(#fff, $cafe-creme, 20%);
$cafe-creme-dark: mix(#000, $cafe-creme, 20%);
.element {
color: $cafe-creme;
box-shadow: 0 0 0 2px rgba($cafe-creme, 0.35);
}