Couleur nommée la plus proche · #814A00
#814A00
Couleur nommée la plus proche: Milk Chocolate
#814A00 (rgb(129 74 0), hsl(34 100% 25%), oklch(0.464 0.105 63.8)) est la plus proche de la couleur nommée Milk Chocolate. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#814A00
oklch(0.464 0.105 63.8)
Conversions de couleur
- HEX
- #814a00
- RGB
- rgb(129 74 0)
- HSL
- hsl(34 100% 25%)
- HWB
- hwb(34 0% 49%)
- OKLCH
- oklch(0.464 0.105 63.8)
- OKLab
- oklab(0.464 0.046 0.094)
- CIE Lab
- lab(37.47 20.61 46.7)
- LCH
- lch(37.47 51.05 66.2)
- CMYK
- cmyk(0% 43% 100% 49%)
Teintes · Ombres · Tons
Teintes
- 8E5B27
- 9B6D40
- A77E58
- B4906F
- C0A286
- CDB49E
- DAC6B6
- E6D9CE
- F3ECE6
Ombres
- 6F3F00
- 5E3500
- 4E2A00
- 3E2000
- 2E1700
- 1F0E00
- 120600
- 060200
- 010000
Tons
- 825019
- 825629
- 825B36
- 826141
- 82664C
- 826B57
- 827161
- 81766C
- 817B76
Harmonies de couleurs
Complémentaire +180°
- 814A00
Milk Chocolate
- 135E8F
≈ Pontoon
Analogue -30° +30°
- 814A00
Milk Chocolate
- 8A4030
≈ April Love
- 6B5700
≈ Ayahuasca Vine
Triadique +120° +240°
- 814A00
Milk Chocolate
- 00685E
≈ Evergreen Forest
- 664989
≈ Violet Majesty
Complémentaire divisée +150° +210°
- 814A00
Milk Chocolate
- 006475
≈ Green Spool
- 475393
≈ Crushed Velvet
Tétradique +90° +180° +270°
- 814A00
Milk Chocolate
- 196A3D
≈ Camarone
- 135E8F
≈ Pontoon
- 7C4071
≈ Deep Commitment to Purple
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.20:1 · APCA Lc 85
Ag
FailSur noir
WCAG 2.91:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.20:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--milk-chocolate: #814a00;
--milk-chocolate-rgb: 129 74 0;
--milk-chocolate-oklch: oklch(0.464 0.105 63.8);
}
.element {
color: var(--milk-chocolate);
background-color: hsl(34 100% 25%);
border-color: oklch(0.464 0.105 63.8);
}Tailwind CSS v4
@theme {
--color-milk-chocolate: #814a00;
--color-milk-chocolate-50: #fff0d6;
--color-milk-chocolate-100: #ffe2c4;
--color-milk-chocolate-200: #f4cca5;
--color-milk-chocolate-300: #ddad7d;
--color-milk-chocolate-400: #ca915a;
--color-milk-chocolate-500: #b67531;
--color-milk-chocolate-600: #9a642b;
--color-milk-chocolate-700: #7b5022;
--color-milk-chocolate-800: #5c3918;
--color-milk-chocolate-900: #41270f;
--color-milk-chocolate-950: #291503;
}SCSS
$milk-chocolate: #814a00;
$milk-chocolate-rgb: 129, 74, 0;
$milk-chocolate-light: mix(#fff, $milk-chocolate, 20%);
$milk-chocolate-dark: mix(#000, $milk-chocolate, 20%);
.element {
color: $milk-chocolate;
box-shadow: 0 0 0 2px rgba($milk-chocolate, 0.35);
}