Color con nombre más cercano · #BBB195
#BBB195
Color con nombre más cercano: Beach Dune
#BBB195 (rgb(187 177 149), hsl(44 22% 66%), oklch(0.761 0.04 90.7)) se parece más al color con nombre Beach Dune. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#BBB195
oklch(0.761 0.04 90.7)
Conversiones de color
- HEX
- #bbb195
- RGB
- rgb(187 177 149)
- HSL
- hsl(44 22% 66%)
- HWB
- hwb(44 58% 27%)
- OKLCH
- oklch(0.761 0.04 90.7)
- OKLab
- oklab(0.761 0 0.04)
- CIE Lab
- lab(72.49 0.27 15.74)
- LCH
- lch(72.49 15.75 89)
- CMYK
- cmyk(0% 5% 20% 27%)
Tintes · Sombras · Tonos
Tintes
- C2B99F
- C8C0AA
- CFC8B4
- D6D0BF
- DDD7C9
- E3DFD4
- EAE7DE
- F1EFE9
- F8F7F4
Sombras
- A29981
- 8A836D
- 736C5A
- 5C5748
- 464237
- 322F26
- 1F1C16
- 0D0C08
- 020101
Tonos
- B5AC93
- AFA791
- A9A28F
- A39D8D
- 9D988B
- 979389
- 918E87
- 8B8A84
- 868582
Armonías de color
Complementario +180°
- BBB195
Beach Dune
- A8B1CC
≈ Lovely Lilac
Análogo -30° +30°
- BBB195
Beach Dune
- C5AC98
≈ Transcend
- ADB69A
≈ Norwich Green
Triádico +120° +240°
- BBB195
Beach Dune
- 95B9C0
≈ Casual Day
- C1A9BE
≈ Lavender Frost
Complementario dividido +150° +210°
- BBB195
Beach Dune
- 9BB5C9
≈ Country Air
- B5ACC8
≈ Lavender Dream
Tetrádico +90° +180° +270°
- BBB195
Beach Dune
- 96BAB3
≈ Teal Tree
- A8B1CC
≈ Lovely Lilac
- C8A7B0
≈ Dutchess Dawn
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASobre negro
WCAG 9.83:1 · APCA Lc 60
Mejor color de texto: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmentos de código
CSS
:root {
--beach-dune: #bbb195;
--beach-dune-rgb: 187 177 149;
--beach-dune-oklch: oklch(0.761 0.04 90.7);
}
.element {
color: var(--beach-dune);
background-color: hsl(44 22% 66%);
border-color: oklch(0.761 0.04 90.7);
}Tailwind CSS v4
@theme {
--color-beach-dune: #bbb195;
--color-beach-dune-50: #f9f5e9;
--color-beach-dune-100: #ece8d9;
--color-beach-dune-200: #dad4c1;
--color-beach-dune-300: #beb7a1;
--color-beach-dune-400: #a79e84;
--color-beach-dune-500: #908668;
--color-beach-dune-600: #7a7158;
--color-beach-dune-700: #625a46;
--color-beach-dune-800: #484233;
--color-beach-dune-900: #322d22;
--color-beach-dune-950: #1e1a11;
}SCSS
$beach-dune: #bbb195;
$beach-dune-rgb: 187, 177, 149;
$beach-dune-light: mix(#fff, $beach-dune, 20%);
$beach-dune-dark: mix(#000, $beach-dune, 20%);
.element {
color: $beach-dune;
box-shadow: 0 0 0 2px rgba($beach-dune, 0.35);
}