Adlandırılmış renk · #C1B19D
Warm Neutral
Warm Neutral, #C1B19D: rgb(193 177 157), hsl(33 22% 69%), oklch(0.768 0.033 73.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Warm Neutral color name →
#C1B19D
oklch(0.768 0.033 73.4)
Renk dönüşümleri
- HEX
- #c1b19d
- RGB
- rgb(193 177 157)
- HSL
- hsl(33 22% 69%)
- HWB
- hwb(33 62% 24%)
- OKLCH
- oklch(0.768 0.033 73.4)
- OKLab
- oklab(0.768 0.009 0.032)
- CIE Lab
- lab(73.17 3.5 12.46)
- LCH
- lch(73.17 12.94 74.3)
- CMYK
- cmyk(0% 8% 19% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C7B9A6
- CDC0B0
- D3C8BA
- DAD0C3
- E0D7CD
- E6DFD7
- ECE7E1
- F2EFEB
- F9F7F5
Koyu tonlar
- A79988
- 8F8373
- 776C5F
- 5F574C
- 49423A
- 342F28
- 201C18
- 0E0C09
- 020101
Gri tonlar
- BAAC9A
- B4A797
- ADA294
- A69D91
- A0988F
- 99938C
- 938E89
- 8D8A86
- 868583
Renk uyumları
Tamamlayıcı +180°
- C1B19D
Warm Neutral
- A5B5C9
≈ Posey Blue
Analog -30° +30°
- C1B19D
Warm Neutral
- C7ADA3
≈ Glamorous Taupe
- B7B59D
≈ Turtle Trail
Üçlü +120° +240°
- C1B19D
Warm Neutral
- 9CBBBA
≈ Festoon Aqua
- BBAEC3
≈ Courtly Purple
Bölünmüş tamamlayıcı +150° +210°
- C1B19D
Warm Neutral
- 9EB9C4
≈ Sterling Blue
- B0B1C9
≈ Noble Purple
Dörtlü +90° +180° +270°
- C1B19D
Warm Neutral
- A1BBAE
≈ Aqua Foam
- A5B5C9
≈ Posey Blue
- C4ACB9
≈ Breathtaking Evening
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.09:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 10.04:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 10.04:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--warm-neutral: #c1b19d;
--warm-neutral-rgb: 193 177 157;
--warm-neutral-oklch: oklch(0.768 0.033 73.4);
}
.element {
color: var(--warm-neutral);
background-color: hsl(33 22% 69%);
border-color: oklch(0.768 0.033 73.4);
}Tailwind CSS v4
@theme {
--color-warm-neutral: #c1b19d;
--color-warm-neutral-50: #fbf4eb;
--color-warm-neutral-100: #efe7dc;
--color-warm-neutral-200: #ddd3c5;
--color-warm-neutral-300: #c2b5a5;
--color-warm-neutral-400: #ab9c89;
--color-warm-neutral-500: #94836e;
--color-warm-neutral-600: #7d6f5d;
--color-warm-neutral-700: #64594b;
--color-warm-neutral-800: #4a4136;
--color-warm-neutral-900: #332d25;
--color-warm-neutral-950: #1f1a13;
}SCSS
$warm-neutral: #c1b19d;
$warm-neutral-rgb: 193, 177, 157;
$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);
}