Couleur nommée la plus proche · #BB9280
#BB9280
Couleur nommée la plus proche: Café Crème
#BB9280 (rgb(187 146 128), hsl(18 30% 62%), oklch(0.694 0.056 44.9)) est la plus proche de la couleur nommée Café Crème. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BB9280
oklch(0.694 0.056 44.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C29D8C
- C9A798
- D0B2A5
- D7BDB1
- DDC7BE
- E4D2CB
- EBDDD8
- F2E9E5
- F8F4F2
Ombres
- A27E6E
- 8A6B5D
- 73584D
- 5C463D
- 46352E
- 32251F
- 1F1612
- 0D0806
- 020101
Tons
- B59080
- AF8F80
- A98D80
- A48B80
- 9E8980
- 988780
- 928680
- 8C8480
- 868280
Harmonies de couleurs
Complémentaire +180°
- BB9280
Café Crème
- 77A4B7
≈ Blue Ridge Mist
Analogue -30° +30°
- BB9280
Café Crème
- BD8F91
≈ Rosy Brown
- B19876
≈ Artisan Tan
Triadique +120° +240°
- BB9280
Café Crème
- 7CA894
≈ Catnip
- 9898BF
≈ Grape Ivy
Complémentaire divisée +150° +210°
- BB9280
Café Crème
- 73A8A7
≈ Cresting Waves
- 859FBF
≈ Washed Denim
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.78:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.53:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
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);
}