Benoemde kleur · #69684B
Hemlock
Hemlock is #69684B: rgb(105 104 75), hsl(58 17% 35%), oklch(0.51 0.043 106.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Hemlock color name →
#69684B
oklch(0.51 0.043 106.2)
Kleurconversies
- HEX
- #69684b
- RGB
- rgb(105 104 75)
- HSL
- hsl(58 17% 35%)
- HWB
- hwb(58 29% 59%)
- OKLCH
- oklch(0.51 0.043 106.2)
- OKLab
- oklab(0.51 -0.012 0.042)
- CIE Lab
- lab(43.5 -3.42 16.56)
- LCH
- lch(43.5 16.91 101.7)
- CMYK
- cmyk(0% 1% 29% 59%)
Tinten · Schaduwen · Tonen
Tinten
- 77765C
- 85846C
- 93937E
- A2A28F
- B1B1A1
- C0C0B3
- CFCFC6
- DFDFD9
- EFEFEC
Schaduwen
- 5A5940
- 4C4B35
- 3E3E2B
- 313021
- 242417
- 18180E
- 0C0C06
- 040402
- 000000
Tonen
- 6B6A50
- 6D6D56
- 706F5B
- 727260
- 747466
- 77766B
- 797970
- 7B7B75
- 7E7E7B
Kleurharmonieën
Complementair +180°
- 69684B
Hemlock
- 64637E
≈ Purple Daze
Analoog -30° +30°
- 69684B
Hemlock
- 75634A
≈ Heavy Brown
- 5B6C53
≈ Inland
Triadisch +120° +240°
- 69684B
Hemlock
- 4B6C79
≈ Bismarck
- 795C6B
≈ Banished Brown
Gesplitst complementair +150° +210°
- 69684B
Hemlock
- 56677F
≈ Dana
- 705F77
≈ Banished Brown
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.70:1 · APCA Lc 79
Ag
FailOp zwart
WCAG 3.68:1 · APCA Lc 23
Beste tekstkleur: #FFFFFF
WCAG 5.70:1 (AA) · APCA Lc 79
Contrast pairs
Codefragmenten
CSS
:root {
--hemlock: #69684b;
--hemlock-rgb: 105 104 75;
--hemlock-oklch: oklch(0.51 0.043 106.2);
}
.element {
color: var(--hemlock);
background-color: hsl(58 17% 35%);
border-color: oklch(0.51 0.043 106.2);
}Tailwind CSS v4
@theme {
--color-hemlock: #69684b;
--color-hemlock-50: #f6f6e8;
--color-hemlock-100: #e9e9d9;
--color-hemlock-200: #d5d6c1;
--color-hemlock-300: #b9b9a0;
--color-hemlock-400: #a1a083;
--color-hemlock-500: #898867;
--color-hemlock-600: #747358;
--color-hemlock-700: #5d5c46;
--color-hemlock-800: #454332;
--color-hemlock-900: #2f2e22;
--color-hemlock-950: #1c1b11;
}SCSS
$hemlock: #69684b;
$hemlock-rgb: 105, 104, 75;
$hemlock-light: mix(#fff, $hemlock, 20%);
$hemlock-dark: mix(#000, $hemlock, 20%);
.element {
color: $hemlock;
box-shadow: 0 0 0 2px rgba($hemlock, 0.35);
}