Dichtstbijzijnde benoemde kleur · #C6B09B
#C6B09B
Dichtstbijzijnde benoemde kleur: Tender Taupe
#C6B09B (rgb(198 176 155), hsl(29 27% 69%), oklch(0.77 0.039 65.9)) komt het dichtst bij de benoemde kleur Tender Taupe. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C6B09B
oklch(0.77 0.039 65.9)
Kleurconversies
- HEX
- #c6b09b
- RGB
- rgb(198 176 155)
- HSL
- hsl(29 27% 69%)
- HWB
- hwb(29 61% 22%)
- OKLCH
- oklch(0.77 0.039 65.9)
- OKLab
- oklab(0.77 0.016 0.035)
- CIE Lab
- lab(73.33 5.72 13.85)
- LCH
- lch(73.33 14.98 67.6)
- CMYK
- cmyk(0% 11% 22% 22%)
Tinten · Schaduwen · Tonen
Tinten
- CCB8A5
- D1BFAE
- D7C7B8
- DDCFC2
- E2D7CC
- E8DFD6
- EEE7E0
- F4EFEA
- F9F7F5
Schaduwen
- AC9986
- 928272
- 7A6C5E
- 62564B
- 4B4239
- 352E28
- 211C18
- 0E0B09
- 020101
Tonen
- BFAB98
- B8A696
- B1A193
- A99D90
- A2988E
- 9B938B
- 958E88
- 8E8985
- 878583
Kleurharmonieën
Complementair +180°
- C6B09B
Tender Taupe
- A1B7CC
≈ Morris Blue
Analoog -30° +30°
- C6B09B
Tender Taupe
- CCACA4
≈ Rose Smoke
- BBB599
≈ Trinity Islands
Triadisch +120° +240°
- C6B09B
Tender Taupe
- 9ABDB8
≈ Nursery Wall
- BAAEC8
≈ Fancy Pansy
Gesplitst complementair +150° +210°
- C6B09B
Tender Taupe
- 99BBC4
≈ Bel Esprit
- ADB3CE
≈ Purple Freedom
Tetradisch +90° +180° +270°
- C6B09B
Tender Taupe
- A1BCAA
≈ Attica
- A1B7CC
≈ Morris Blue
- C5ABBE
≈ Monet Magic
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.08:1 · APCA Lc 41
Ag
AAAOp zwart
WCAG 10.08:1 · APCA Lc 62
Beste tekstkleur: #000000
WCAG 10.08:1 (AAA) · APCA Lc 62
Contrast pairs
Codefragmenten
CSS
:root {
--tender-taupe: #c6b09b;
--tender-taupe-rgb: 198 176 155;
--tender-taupe-oklch: oklch(0.77 0.039 65.9);
}
.element {
color: var(--tender-taupe);
background-color: hsl(29 27% 69%);
border-color: oklch(0.77 0.039 65.9);
}Tailwind CSS v4
@theme {
--color-tender-taupe: #c6b09b;
--color-tender-taupe-50: #fdf3ea;
--color-tender-taupe-100: #f1e6db;
--color-tender-taupe-200: #e0d2c3;
--color-tender-taupe-300: #c5b4a3;
--color-tender-taupe-400: #af9a87;
--color-tender-taupe-500: #98816b;
--color-tender-taupe-600: #816e5b;
--color-tender-taupe-700: #675849;
--color-tender-taupe-800: #4c4035;
--color-tender-taupe-900: #352c24;
--color-tender-taupe-950: #201913;
}SCSS
$tender-taupe: #c6b09b;
$tender-taupe-rgb: 198, 176, 155;
$tender-taupe-light: mix(#fff, $tender-taupe, 20%);
$tender-taupe-dark: mix(#000, $tender-taupe, 20%);
.element {
color: $tender-taupe;
box-shadow: 0 0 0 2px rgba($tender-taupe, 0.35);
}