Couleur nommée la plus proche · #B8856B
#B8856B
Couleur nommée la plus proche: Silken Chocolate
#B8856B (rgb(184 133 107), hsl(20 35% 57%), oklch(0.661 0.073 48)) est la plus proche de la couleur nommée Silken Chocolate. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B8856B
oklch(0.661 0.073 48)
Conversions de couleur
- HEX
- #b8856b
- RGB
- rgb(184 133 107)
- HSL
- hsl(20 35% 57%)
- HWB
- hwb(20 42% 28%)
- OKLCH
- oklch(0.661 0.073 48)
- OKLab
- oklab(0.661 0.049 0.054)
- CIE Lab
- lab(60.22 17.76 22.18)
- LCH
- lch(60.22 28.42 51.3)
- CMYK
- cmyk(0% 28% 42% 28%)
Teintes · Ombres · Tons
Teintes
- BF9179
- C79D88
- CEA996
- D5B5A5
- DCC1B3
- E3CDC2
- EAD9D1
- F1E6E0
- F8F2F0
Ombres
- A0735C
- 88614E
- 71503F
- 5B4032
- 453025
- 312118
- 1E130D
- 0C0604
- 020100
Tons
- B3856D
- AD8470
- A88472
- A28474
- 9D8376
- 978378
- 91827A
- 8C817C
- 86817E
Harmonies de couleurs
Complémentaire +180°
- B8856B
Silken Chocolate
- 609CB6
≈ Shakespeare
Analogue -30° +30°
- B8856B
Silken Chocolate
- BB8081
≈ Rennie’s Rose
- AB8D5E
≈ Hawk Feather
Triadique +120° +240°
- B8856B
Silken Chocolate
- 64A18A
≈ Scotch Lassie
- 908CBD
≈ Butterfly Garden
Complémentaire divisée +150° +210°
- B8856B
Silken Chocolate
- 57A0A3
≈ Teal Bayou
- 7794BF
≈ King Neptune
Tétradique +90° +180° +270°
- B8856B
Silken Chocolate
- 7C9D71
≈ Amulet
- 609CB6
≈ Shakespeare
- A584B0
≈ Daylight Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.17:1 · APCA Lc 59
Ag
AASur noir
WCAG 6.60:1 · APCA Lc 43
Meilleure couleur de texte: #000000
WCAG 6.60:1 (AA) · APCA Lc 43
Contrast pairs
Extraits de code
CSS
:root {
--silken-chocolate: #b8856b;
--silken-chocolate-rgb: 184 133 107;
--silken-chocolate-oklch: oklch(0.661 0.073 48);
}
.element {
color: var(--silken-chocolate);
background-color: hsl(20 35% 57%);
border-color: oklch(0.661 0.073 48);
}Tailwind CSS v4
@theme {
--color-silken-chocolate: #b8856b;
--color-silken-chocolate-50: #fff0e3;
--color-silken-chocolate-100: #fde1d3;
--color-silken-chocolate-200: #efccb9;
--color-silken-chocolate-300: #d7ad96;
--color-silken-chocolate-400: #c39279;
--color-silken-chocolate-500: #ae775b;
--color-silken-chocolate-600: #93654d;
--color-silken-chocolate-700: #76513e;
--color-silken-chocolate-800: #583a2d;
--color-silken-chocolate-900: #3d281e;
--color-silken-chocolate-950: #27160e;
}SCSS
$silken-chocolate: #b8856b;
$silken-chocolate-rgb: 184, 133, 107;
$silken-chocolate-light: mix(#fff, $silken-chocolate, 20%);
$silken-chocolate-dark: mix(#000, $silken-chocolate, 20%);
.element {
color: $silken-chocolate;
box-shadow: 0 0 0 2px rgba($silken-chocolate, 0.35);
}