Benoemde kleur · #7F7B60
Thurman
Thurman is #7F7B60: rgb(127 123 96), hsl(52 14% 44%), oklch(0.579 0.04 100.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Thurman color name →
#7F7B60
oklch(0.579 0.04 100.5)
Kleurconversies
- HEX
- #7f7b60
- RGB
- rgb(127 123 96)
- HSL
- hsl(52 14% 44%)
- HWB
- hwb(52 38% 50%)
- OKLCH
- oklch(0.579 0.04 100.5)
- OKLab
- oklab(0.579 -0.007 0.039)
- CIE Lab
- lab(51.42 -1.92 15.41)
- LCH
- lch(51.42 15.53 97.1)
- CMYK
- cmyk(0% 3% 24% 50%)
Tinten · Schaduwen · Tonen
Tinten
- 8B876F
- 97947E
- A4A18D
- B0AE9D
- BDBBAD
- CAC8BD
- D7D6CD
- E4E3DD
- F1F1EE
Schaduwen
- 6E6A52
- 5D5A45
- 4C4A38
- 3C3A2C
- 2D2C20
- 1F1E15
- 11100A
- 060503
- 010100
Tonen
- 7F7C63
- 7F7C67
- 7F7D6A
- 7F7D6D
- 7F7E70
- 807E73
- 807F77
- 807F7A
- 80807D
Kleurharmonieën
Complementair +180°
- 7F7B60
Thurman
- 757892
≈ Royal Fortune
Analoog -30° +30°
- 7F7B60
Thurman
- 897661
≈ Mink
- 727F67
≈ Beech Fern
Triadisch +120° +240°
- 7F7B60
Thurman
- 60808B
≈ Windy Seas
- 8B7181
≈ Who-Dun-It
Gesplitst complementair +150° +210°
- 7F7B60
Thurman
- 697C91
≈ Blue Suede
- 81748C
≈ Batik Lilac
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.28:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.90:1 · APCA Lc 32
Beste tekstkleur: #000000
WCAG 4.90:1 (AA) · APCA Lc 32
Contrast pairs
Codefragmenten
CSS
:root {
--thurman: #7f7b60;
--thurman-rgb: 127 123 96;
--thurman-oklch: oklch(0.579 0.04 100.5);
}
.element {
color: var(--thurman);
background-color: hsl(52 14% 44%);
border-color: oklch(0.579 0.04 100.5);
}Tailwind CSS v4
@theme {
--color-thurman: #7f7b60;
--color-thurman-50: #f7f6e9;
--color-thurman-100: #eae9da;
--color-thurman-200: #d7d5c2;
--color-thurman-300: #bbb9a2;
--color-thurman-400: #a39f85;
--color-thurman-500: #8c8769;
--color-thurman-600: #767259;
--color-thurman-700: #5f5c47;
--color-thurman-800: #464333;
--color-thurman-900: #302e23;
--color-thurman-950: #1d1b12;
}SCSS
$thurman: #7f7b60;
$thurman-rgb: 127, 123, 96;
$thurman-light: mix(#fff, $thurman, 20%);
$thurman-dark: mix(#000, $thurman, 20%);
.element {
color: $thurman;
box-shadow: 0 0 0 2px rgba($thurman, 0.35);
}