En yakın adlandırılmış renk · #C1B09B
#C1B09B
En yakın adlandırılmış renk: Warm Neutral
#C1B09B (rgb(193 176 155), hsl(33 23% 68%), oklch(0.766 0.035 73.1)) en çok Warm Neutral adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C1B09B
oklch(0.766 0.035 73.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C7B8A5
- CDBFAE
- D3C7B8
- DACFC2
- E0D7CC
- E6DFD6
- ECE7E0
- F2EFEA
- F9F7F5
Koyu tonlar
- A79986
- 8F8272
- 776C5E
- 5F564B
- 494239
- 342E28
- 201C18
- 0E0B09
- 020101
Gri tonlar
- BAAB98
- B4A696
- ADA193
- A79D90
- A0988E
- 9A938B
- 938E88
- 8D8985
- 868583
Renk uyumları
Tamamlayıcı +180°
- C1B09B
Warm Neutral
- A4B5C9
≈ Posey Blue
Analog -30° +30°
- C1B09B
Warm Neutral
- C7ACA1
≈ Floral Arrangement
- B7B49B
≈ Milton
Üçlü +120° +240°
- C1B09B
Warm Neutral
- 9ABAB9
≈ Lap Pool Blue
- BBADC3
≈ Courtly Purple
Bölünmüş tamamlayıcı +150° +210°
- C1B09B
Warm Neutral
- 9CB8C3
≈ Shallow Sea
- AFB1C9
≈ Purple Freedom
Dörtlü +90° +180° +270°
- C1B09B
Warm Neutral
- A0BAAD
≈ Silt Green
- A4B5C9
≈ Posey Blue
- C4ABB9
≈ Breathtaking Evening
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.95:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
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);
}