Couleur nommée la plus proche · #C1B09B
#C1B09B
Couleur nommée la plus proche: Warm Neutral
#C1B09B (rgb(193 176 155), hsl(33 23% 68%), oklch(0.766 0.035 73.1)) est la plus proche de la couleur nommée Warm Neutral. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C1B09B
oklch(0.766 0.035 73.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C7B8A5
- CDBFAE
- D3C7B8
- DACFC2
- E0D7CC
- E6DFD6
- ECE7E0
- F2EFEA
- F9F7F5
Ombres
- A79986
- 8F8272
- 776C5E
- 5F564B
- 494239
- 342E28
- 201C18
- 0E0B09
- 020101
Tons
- BAAB98
- B4A696
- ADA193
- A79D90
- A0988E
- 9A938B
- 938E88
- 8D8985
- 868583
Harmonies de couleurs
Complémentaire +180°
- C1B09B
Warm Neutral
- A4B5C9
≈ Posey Blue
Analogue -30° +30°
- C1B09B
Warm Neutral
- C7ACA1
≈ Floral Arrangement
- B7B49B
≈ Milton
Triadique +120° +240°
- C1B09B
Warm Neutral
- 9ABAB9
≈ Lap Pool Blue
- BBADC3
≈ Courtly Purple
Complémentaire divisée +150° +210°
- C1B09B
Warm Neutral
- 9CB8C3
≈ Shallow Sea
- AFB1C9
≈ Purple Freedom
Tétradique +90° +180° +270°
- C1B09B
Warm Neutral
- A0BAAD
≈ Silt Green
- A4B5C9
≈ Posey Blue
- C4ABB9
≈ Breathtaking Evening
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.11:1 · APCA Lc 41
Ag
AAASur noir
WCAG 9.95:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
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);
}