Colore con nome · #BBA88B
Natural Chamois
Natural Chamois è #BBA88B: rgb(187 168 139), hsl(36 26% 64%), oklch(0.74 0.046 78.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Natural Chamois color name →
#BBA88B
oklch(0.74 0.046 78.4)
Conversioni di colore
- HEX
- #bba88b
- RGB
- rgb(187 168 139)
- HSL
- hsl(36 26% 64%)
- HWB
- hwb(36 55% 27%)
- OKLCH
- oklch(0.74 0.046 78.4)
- OKLab
- oklab(0.74 0.009 0.045)
- CIE Lab
- lab(69.96 3.75 17.69)
- LCH
- lch(69.96 18.09 78)
- CMYK
- cmyk(0% 10% 26% 27%)
Tinte · Ombre · Toni
Tinte
- C2B096
- C8B9A2
- CFC2AD
- D6CAB8
- DDD3C4
- E3DCD0
- EAE4DB
- F1EDE7
- F8F6F3
Ombre
- A29278
- 8A7C66
- 736754
- 5C5243
- 463F32
- 322C23
- 1F1A14
- 0D0A07
- 020101
Toni
- B5A48A
- AFA089
- A99C88
- A39887
- 9D9486
- 979085
- 918C84
- 8C8882
- 868481
Armonie di colore
Complementare +180°
- BBA88B
Natural Chamois
- 9AACC8
≈ Satin Soft Blue
Analogo -30° +30°
- BBA88B
Natural Chamois
- C4A392
≈ Dune Beige
- ADAE8D
≈ Majolica Green
Triadico +120° +240°
- BBA88B
Natural Chamois
- 89B4B5
≈ Summit
- B8A2BE
≈ Svelte
Complementare divisa +150° +210°
- BBA88B
Natural Chamois
- 8EB1C2
≈ Bermuda Blue
- A9A7C7
≈ Instigate
Tetradico +90° +180° +270°
- BBA88B
Natural Chamois
- 90B5A6
≈ Treetop
- 9AACC8
≈ Satin Soft Blue
- C2A0B0
≈ Shady Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.31:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.08:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.08:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--natural-chamois: #bba88b;
--natural-chamois-rgb: 187 168 139;
--natural-chamois-oklch: oklch(0.74 0.046 78.4);
}
.element {
color: var(--natural-chamois);
background-color: hsl(36 26% 64%);
border-color: oklch(0.74 0.046 78.4);
}Tailwind CSS v4
@theme {
--color-natural-chamois: #bba88b;
--color-natural-chamois-50: #fcf4e7;
--color-natural-chamois-100: #f0e7d7;
--color-natural-chamois-200: #dfd3bf;
--color-natural-chamois-300: #c4b59e;
--color-natural-chamois-400: #ad9c80;
--color-natural-chamois-500: #978364;
--color-natural-chamois-600: #806f55;
--color-natural-chamois-700: #665944;
--color-natural-chamois-800: #4c4031;
--color-natural-chamois-900: #342c21;
--color-natural-chamois-950: #201910;
}SCSS
$natural-chamois: #bba88b;
$natural-chamois-rgb: 187, 168, 139;
$natural-chamois-light: mix(#fff, $natural-chamois, 20%);
$natural-chamois-dark: mix(#000, $natural-chamois, 20%);
.element {
color: $natural-chamois;
box-shadow: 0 0 0 2px rgba($natural-chamois, 0.35);
}