Dichtstbijzijnde benoemde kleur · #81693D
#81693D
Dichtstbijzijnde benoemde kleur: Lizard
#81693D (rgb(129 105 61), hsl(39 36% 37%), oklch(0.534 0.068 81.6)) komt het dichtst bij de benoemde kleur Lizard. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#81693D
oklch(0.534 0.068 81.6)
Kleurconversies
- HEX
- #81693d
- RGB
- rgb(129 105 61)
- HSL
- hsl(39 36% 37%)
- HWB
- hwb(39 24% 49%)
- OKLCH
- oklch(0.534 0.068 81.6)
- OKLab
- oklab(0.534 0.01 0.068)
- CIE Lab
- lab(46.03 5.52 28.35)
- LCH
- lch(46.03 28.88 79)
- CMYK
- cmyk(0% 19% 53% 49%)
Tinten · Schaduwen · Tonen
Tinten
- 8D7750
- 998562
- A59475
- B2A388
- BEB29B
- CBC1AF
- D8D0C2
- E5DFD6
- F2EFEB
Schaduwen
- 6F5A34
- 5E4C2B
- 4E3E22
- 3E311A
- 2E2412
- 1F180A
- 120C04
- 060401
- 010000
Tonen
- 816B44
- 816E4C
- 817053
- 817359
- 817560
- 817766
- 81796D
- 807C73
- 807E7A
Kleurharmonieën
Complementair +180°
- 81693D
Lizard
- 576D95
≈ Charter Blue
Analoog -30° +30°
- 81693D
Lizard
- 8D6248
≈ Goulash
- 6E7141
≈ Wild Jungle
Triadisch +120° +240°
- 81693D
Lizard
- 35797E
≈ Diver’s Eden
- 806085
≈ Dusty Purple
Gesplitst complementair +150° +210°
- 81693D
Lizard
- 41748E
≈ Harbour Blue
- 6D6692
≈ Purple Grapes
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.22:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.02:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--lizard: #81693d;
--lizard-rgb: 129 105 61;
--lizard-oklch: oklch(0.534 0.068 81.6);
}
.element {
color: var(--lizard);
background-color: hsl(39 36% 37%);
border-color: oklch(0.534 0.068 81.6);
}Tailwind CSS v4
@theme {
--color-lizard: #81693d;
--color-lizard-50: #fff4e0;
--color-lizard-100: #f3e6cf;
--color-lizard-200: #e2d2b4;
--color-lizard-300: #c8b590;
--color-lizard-400: #b39b70;
--color-lizard-500: #9d8250;
--color-lizard-600: #856e44;
--color-lizard-700: #6a5836;
--color-lizard-800: #4f4026;
--color-lizard-900: #372c1a;
--color-lizard-950: #22190a;
}SCSS
$lizard: #81693d;
$lizard-rgb: 129, 105, 61;
$lizard-light: mix(#fff, $lizard, 20%);
$lizard-dark: mix(#000, $lizard, 20%);
.element {
color: $lizard;
box-shadow: 0 0 0 2px rgba($lizard, 0.35);
}