Couleur nommée la plus proche · #815136
#815136
Couleur nommée la plus proche: Cigar
#815136 (rgb(129 81 54), hsl(22 41% 36%), oklch(0.483 0.076 49.6)) est la plus proche de la couleur nommée Cigar. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#815136
oklch(0.483 0.076 49.6)
Conversions de couleur
- HEX
- #815136
- RGB
- rgb(129 81 54)
- HSL
- hsl(22 41% 36%)
- HWB
- hwb(22 21% 49%)
- OKLCH
- oklch(0.483 0.076 49.6)
- OKLab
- oklab(0.483 0.049 0.058)
- CIE Lab
- lab(39.59 18.52 24.55)
- LCH
- lch(39.59 30.75 53)
- CMYK
- cmyk(0% 37% 58% 49%)
Teintes · Ombres · Tons
Teintes
- 8E6149
- 9A725C
- A7836F
- B39483
- C0A596
- CDB6AB
- D9C8BF
- E6DAD4
- F2ECE9
Ombres
- 6F452E
- 5E3A25
- 4E2F1E
- 3E2416
- 2E1A0F
- 1F1008
- 120703
- 060201
- 010000
Tons
- 81563E
- 825B45
- 82604D
- 826454
- 82695C
- 826E63
- 82726A
- 817771
- 817B79
Harmonies de couleurs
Complémentaire +180°
- 815136
Cigar
- 286681
≈ Georgian Bay
Analogue -30° +30°
- 815136
Cigar
- 844C4D
≈ Red Maple Leaf
- 755928
≈ Moss Brown
Triadique +120° +240°
Complémentaire divisée +150° +210°
- 815136
Cigar
- 166B6F
≈ Deep Lake
- 445F89
≈ Anchor Point
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.63:1 · APCA Lc 83
Ag
FailSur noir
WCAG 3.16:1 · APCA Lc 19
Meilleure couleur de texte: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--cigar: #815136;
--cigar-rgb: 129 81 54;
--cigar-oklch: oklch(0.483 0.076 49.6);
}
.element {
color: var(--cigar);
background-color: hsl(22 41% 36%);
border-color: oklch(0.483 0.076 49.6);
}Tailwind CSS v4
@theme {
--color-cigar: #815136;
--color-cigar-50: #fff0e2;
--color-cigar-100: #fee1d1;
--color-cigar-200: #f0ccb7;
--color-cigar-300: #d8ad94;
--color-cigar-400: #c49276;
--color-cigar-500: #af7758;
--color-cigar-600: #94654b;
--color-cigar-700: #77513c;
--color-cigar-800: #583a2b;
--color-cigar-900: #3e281d;
--color-cigar-950: #27160d;
}SCSS
$cigar: #815136;
$cigar-rgb: 129, 81, 54;
$cigar-light: mix(#fff, $cigar, 20%);
$cigar-dark: mix(#000, $cigar, 20%);
.element {
color: $cigar;
box-shadow: 0 0 0 2px rgba($cigar, 0.35);
}