Couleur nommée la plus proche · #68553E
#68553E
Couleur nommée la plus proche: Wild Chocolate
#68553E (rgb(104 85 62), hsl(33 25% 33%), oklch(0.462 0.043 71.8)) est la plus proche de la couleur nommée Wild Chocolate. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#68553E
oklch(0.462 0.043 71.8)
Conversions de couleur
- HEX
- #68553e
- RGB
- rgb(104 85 62)
- HSL
- hsl(33 25% 33%)
- HWB
- hwb(33 24% 59%)
- OKLCH
- oklch(0.462 0.043 71.8)
- OKLab
- oklab(0.462 0.013 0.041)
- CIE Lab
- lab(37.63 5.47 16.54)
- LCH
- lch(37.63 17.43 71.7)
- CMYK
- cmyk(0% 18% 40% 59%)
Teintes · Ombres · Tons
Teintes
- 766550
- 847461
- 938574
- A29587
- B1A69A
- C0B7AD
- D0C9C1
- DFDBD5
- EFEDEA
Ombres
- 594935
- 4B3D2B
- 3E3123
- 30261A
- 241C12
- 18110A
- 0C0804
- 040201
- 000000
Tons
- 6A5945
- 6D5E4B
- 6F6252
- 726658
- 746A5F
- 776F65
- 79736C
- 7B7773
- 7E7C79
Harmonies de couleurs
Complémentaire +180°
- 68553E
Wild Chocolate
- 475B70
≈ Motor City Blue
Analogue -30° +30°
- 68553E
Wild Chocolate
- 6E5146
≈ Calthan Brown
- 5D5A3E
≈ Tuscan Olive
Triadique +120° +240°
- 68553E
Wild Chocolate
- 3B615F
≈ Pyrite Green
- 61526B
≈ Blackberry Farm
Complémentaire divisée +150° +210°
- 68553E
Wild Chocolate
- 3D5E6A
≈ Freedom
- 545671
≈ Majestic Magic
Tétradique +90° +180° +270°
- 68553E
Wild Chocolate
- 436051
≈ Mission Jewel
- 475B70
≈ Motor City Blue
- 6A4F60
≈ Exclusively
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.10:1 · APCA Lc 85
Ag
FailSur noir
WCAG 2.95:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.10:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--wild-chocolate: #68553e;
--wild-chocolate-rgb: 104 85 62;
--wild-chocolate-oklch: oklch(0.462 0.043 71.8);
}
.element {
color: var(--wild-chocolate);
background-color: hsl(33 25% 33%);
border-color: oklch(0.462 0.043 71.8);
}Tailwind CSS v4
@theme {
--color-wild-chocolate: #68553e;
--color-wild-chocolate-50: #fdf4e8;
--color-wild-chocolate-100: #f1e6d9;
--color-wild-chocolate-200: #e0d2c1;
--color-wild-chocolate-300: #c5b5a0;
--color-wild-chocolate-400: #af9b83;
--color-wild-chocolate-500: #988267;
--color-wild-chocolate-600: #816e58;
--color-wild-chocolate-700: #675846;
--color-wild-chocolate-800: #4c4032;
--color-wild-chocolate-900: #352c22;
--color-wild-chocolate-950: #201911;
}SCSS
$wild-chocolate: #68553e;
$wild-chocolate-rgb: 104, 85, 62;
$wild-chocolate-light: mix(#fff, $wild-chocolate, 20%);
$wild-chocolate-dark: mix(#000, $wild-chocolate, 20%);
.element {
color: $wild-chocolate;
box-shadow: 0 0 0 2px rgba($wild-chocolate, 0.35);
}