Couleur nommée la plus proche · #854432
#854432
Couleur nommée la plus proche: Olive Niçoise
#854432 (rgb(133 68 50), hsl(13 45% 36%), oklch(0.464 0.094 36.4)) est la plus proche de la couleur nommée Olive Niçoise. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#854432
oklch(0.464 0.094 36.4)
Conversions de couleur
- HEX
- #854432
- RGB
- rgb(133 68 50)
- HSL
- hsl(13 45% 36%)
- HWB
- hwb(13 20% 48%)
- OKLCH
- oklch(0.464 0.094 36.4)
- OKLab
- oklab(0.464 0.076 0.056)
- CIE Lab
- lab(37.03 27.2 23.98)
- LCH
- lch(37.03 36.26 41.4)
- CMYK
- cmyk(0% 49% 62% 48%)
Teintes · Ombres · Tons
Teintes
- 925645
- 9F6858
- AB7A6C
- B78C80
- C49F94
- D0B1A9
- DCC4BE
- E8D8D3
- F3EBE9
Ombres
- 733A2A
- 613022
- 50261B
- 401D14
- 30140D
- 210C07
- 130503
- 060201
- 010000
Tons
- 854B3A
- 865142
- 86574A
- 855D52
- 856359
- 846961
- 846F69
- 837571
- 817A78
Harmonies de couleurs
Complémentaire +180°
- 854432
Olive Niçoise
- 006477
≈ Atlantis Myth
Analogue -30° +30°
- 854432
Olive Niçoise
- 844151
≈ Sugar Beet
- 7C4D13
≈ Gédéon Brown
Triadique +120° +240°
- 854432
Olive Niçoise
- 216843
≈ Jade Mussel Green
- 4C538D
≈ Canyon Iris
Complémentaire divisée +150° +210°
- 854432
Olive Niçoise
- 006760
≈ Butterfly Green
- 255D8A
≈ Sapphire Lace
Tétradique +90° +180° +270°
- 854432
Olive Niçoise
- 4B6222
≈ Camouflage Green
- 006477
≈ Atlantis Myth
- 664A82
≈ Violet Majesty
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.31:1 · APCA Lc 85
Ag
FailSur noir
WCAG 2.87:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.31:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--olive-nicoise: #854432;
--olive-nicoise-rgb: 133 68 50;
--olive-nicoise-oklch: oklch(0.464 0.094 36.4);
}
.element {
color: var(--olive-nicoise);
background-color: hsl(13 45% 36%);
border-color: oklch(0.464 0.094 36.4);
}Tailwind CSS v4
@theme {
--color-olive-nicoise: #854432;
--color-olive-nicoise-50: #ffede2;
--color-olive-nicoise-100: #ffded1;
--color-olive-nicoise-200: #f9c7b7;
--color-olive-nicoise-300: #e2a795;
--color-olive-nicoise-400: #cf8b77;
--color-olive-nicoise-500: #bb6f59;
--color-olive-nicoise-600: #9e5e4c;
--color-olive-nicoise-700: #7f4b3c;
--color-olive-nicoise-800: #5e362c;
--color-olive-nicoise-900: #42251e;
--color-olive-nicoise-950: #2a130e;
}SCSS
$olive-nicoise: #854432;
$olive-nicoise-rgb: 133, 68, 50;
$olive-nicoise-light: mix(#fff, $olive-nicoise, 20%);
$olive-nicoise-dark: mix(#000, $olive-nicoise, 20%);
.element {
color: $olive-nicoise;
box-shadow: 0 0 0 2px rgba($olive-nicoise, 0.35);
}