Dichtstbijzijnde benoemde kleur · #C1B09B
#C1B09B
Dichtstbijzijnde benoemde kleur: Warm Neutral
#C1B09B (rgb(193 176 155), hsl(33 23% 68%), oklch(0.766 0.035 73.1)) komt het dichtst bij de benoemde kleur Warm Neutral. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C1B09B
oklch(0.766 0.035 73.1)
Kleurconversies
- HEX
- #c1b09b
- RGB
- rgb(193 176 155)
- HSL
- hsl(33 23% 68%)
- HWB
- hwb(33 61% 24%)
- OKLCH
- oklch(0.766 0.035 73.1)
- OKLab
- oklab(0.766 0.01 0.034)
- CIE Lab
- lab(72.88 3.78 13.13)
- LCH
- lch(72.88 13.66 74)
- CMYK
- cmyk(0% 9% 20% 24%)
Tinten · Schaduwen · Tonen
Tinten
- C7B8A5
- CDBFAE
- D3C7B8
- DACFC2
- E0D7CC
- E6DFD6
- ECE7E0
- F2EFEA
- F9F7F5
Schaduwen
- A79986
- 8F8272
- 776C5E
- 5F564B
- 494239
- 342E28
- 201C18
- 0E0B09
- 020101
Tonen
- BAAB98
- B4A696
- ADA193
- A79D90
- A0988E
- 9A938B
- 938E88
- 8D8985
- 868583
Kleurharmonieën
Complementair +180°
- C1B09B
Warm Neutral
- A4B5C9
≈ Posey Blue
Analoog -30° +30°
- C1B09B
Warm Neutral
- C7ACA1
≈ Floral Arrangement
- B7B49B
≈ Milton
Triadisch +120° +240°
- C1B09B
Warm Neutral
- 9ABAB9
≈ Lap Pool Blue
- BBADC3
≈ Courtly Purple
Gesplitst complementair +150° +210°
- C1B09B
Warm Neutral
- 9CB8C3
≈ Shallow Sea
- AFB1C9
≈ Purple Freedom
Tetradisch +90° +180° +270°
- C1B09B
Warm Neutral
- A0BAAD
≈ Silt Green
- A4B5C9
≈ Posey Blue
- C4ABB9
≈ Breathtaking Evening
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.11:1 · APCA Lc 41
Ag
AAAOp zwart
WCAG 9.95:1 · APCA Lc 61
Beste tekstkleur: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Codefragmenten
CSS
:root {
--warm-neutral: #c1b09b;
--warm-neutral-rgb: 193 176 155;
--warm-neutral-oklch: oklch(0.766 0.035 73.1);
}
.element {
color: var(--warm-neutral);
background-color: hsl(33 23% 68%);
border-color: oklch(0.766 0.035 73.1);
}Tailwind CSS v4
@theme {
--color-warm-neutral: #c1b09b;
--color-warm-neutral-50: #fbf4ea;
--color-warm-neutral-100: #efe6db;
--color-warm-neutral-200: #ddd2c4;
--color-warm-neutral-300: #c2b5a4;
--color-warm-neutral-400: #ab9c88;
--color-warm-neutral-500: #95836d;
--color-warm-neutral-600: #7e6f5c;
--color-warm-neutral-700: #65594a;
--color-warm-neutral-800: #4a4135;
--color-warm-neutral-900: #342c24;
--color-warm-neutral-950: #1f1a13;
}SCSS
$warm-neutral: #c1b09b;
$warm-neutral-rgb: 193, 176, 155;
$warm-neutral-light: mix(#fff, $warm-neutral, 20%);
$warm-neutral-dark: mix(#000, $warm-neutral, 20%);
.element {
color: $warm-neutral;
box-shadow: 0 0 0 2px rgba($warm-neutral, 0.35);
}