Couleur nommée la plus proche · #BBB195
#BBB195
Couleur nommée la plus proche: Beach Dune
#BBB195 (rgb(187 177 149), hsl(44 22% 66%), oklch(0.761 0.04 90.7)) est la plus proche de la couleur nommée Beach Dune. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BBB195
oklch(0.761 0.04 90.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C2B99F
- C8C0AA
- CFC8B4
- D6D0BF
- DDD7C9
- E3DFD4
- EAE7DE
- F1EFE9
- F8F7F4
Ombres
- A29981
- 8A836D
- 736C5A
- 5C5748
- 464237
- 322F26
- 1F1C16
- 0D0C08
- 020101
Tons
- B5AC93
- AFA791
- A9A28F
- A39D8D
- 9D988B
- 979389
- 918E87
- 8B8A84
- 868582
Harmonies de couleurs
Complémentaire +180°
- BBB195
Beach Dune
- A8B1CC
≈ Lovely Lilac
Analogue -30° +30°
- BBB195
Beach Dune
- C5AC98
≈ Transcend
- ADB69A
≈ Norwich Green
Triadique +120° +240°
- BBB195
Beach Dune
- 95B9C0
≈ Casual Day
- C1A9BE
≈ Lavender Frost
Complémentaire divisée +150° +210°
- BBB195
Beach Dune
- 9BB5C9
≈ Country Air
- B5ACC8
≈ Lavender Dream
Tétradique +90° +180° +270°
- BBB195
Beach Dune
- 96BAB3
≈ Teal Tree
- A8B1CC
≈ Lovely Lilac
- C8A7B0
≈ Dutchess Dawn
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.13:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.83:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
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);
}