Adlandırılmış renk · #BCA885
Feldspar Grey
Feldspar Grey, #BCA885: rgb(188 168 133), hsl(38 29% 63%), oklch(0.74 0.053 81.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Feldspar Grey color name →
#BCA885
oklch(0.74 0.053 81.5)
Renk dönüşümleri
- HEX
- #bca885
- RGB
- rgb(188 168 133)
- HSL
- hsl(38 29% 63%)
- HWB
- hwb(38 52% 26%)
- OKLCH
- oklch(0.74 0.053 81.5)
- OKLab
- oklab(0.74 0.008 0.053)
- CIE Lab
- lab(69.95 3.55 20.95)
- LCH
- lch(69.95 21.24 80.4)
- CMYK
- cmyk(0% 11% 29% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3B091
- C9B99D
- D0C2A9
- D6CAB5
- DDD3C1
- E4DCCD
- EBE4DA
- F1EDE6
- F8F6F2
Koyu tonlar
- A39273
- 8B7C61
- 736750
- 5D5240
- 473F30
- 322C21
- 1F1A13
- 0D0A06
- 020101
Gri tonlar
- B6A485
- B0A084
- AA9C84
- A49884
- 9E9483
- 989083
- 928C82
- 8C8881
- 868481
Renk uyumları
Tamamlayıcı +180°
- BCA885
Feldspar Grey
- 98ACCD
≈ Dockside
Analog -30° +30°
- BCA885
Feldspar Grey
- C7A28D
≈ Peanut Butter Crust
- ABAF88
≈ Wall Green
Üçlü +120° +240°
- BCA885
Feldspar Grey
- 83B5B9
≈ Lifeboat Blue
- BBA0BF
≈ Beach Lilac
Bölünmüş tamamlayıcı +150° +210°
- BCA885
Feldspar Grey
- 89B1C7
≈ Batch Blue
- ABA5CA
≈ Violeta Silvestre
Dörtlü +90° +180° +270°
- BCA885
Feldspar Grey
- 89B6A7
≈ Source Green
- 98ACCD
≈ Dockside
- C69EAF
≈ Damsel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.31:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.07:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 9.07:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--feldspar-grey: #bca885;
--feldspar-grey-rgb: 188 168 133;
--feldspar-grey-oklch: oklch(0.74 0.053 81.5);
}
.element {
color: var(--feldspar-grey);
background-color: hsl(38 29% 63%);
border-color: oklch(0.74 0.053 81.5);
}Tailwind CSS v4
@theme {
--color-feldspar-grey: #bca885;
--color-feldspar-grey-50: #fdf4e4;
--color-feldspar-grey-100: #f0e7d4;
--color-feldspar-grey-200: #dfd3bb;
--color-feldspar-grey-300: #c5b699;
--color-feldspar-grey-400: #af9c7b;
--color-feldspar-grey-500: #98835d;
--color-feldspar-grey-600: #816f50;
--color-feldspar-grey-700: #67593f;
--color-feldspar-grey-800: #4c402d;
--color-feldspar-grey-900: #352c1f;
--color-feldspar-grey-950: #20190e;
}SCSS
$feldspar-grey: #bca885;
$feldspar-grey-rgb: 188, 168, 133;
$feldspar-grey-light: mix(#fff, $feldspar-grey, 20%);
$feldspar-grey-dark: mix(#000, $feldspar-grey, 20%);
.element {
color: $feldspar-grey;
box-shadow: 0 0 0 2px rgba($feldspar-grey, 0.35);
}