Adlandırılmış renk · #C3B69F
Basic Khaki
Basic Khaki, #C3B69F: rgb(195 182 159), hsl(38 23% 69%), oklch(0.781 0.035 81.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Basic Khaki color name →
#C3B69F
oklch(0.781 0.035 81.9)
Renk dönüşümleri
- HEX
- #c3b69f
- RGB
- rgb(195 182 159)
- HSL
- hsl(38 23% 69%)
- HWB
- hwb(38 62% 24%)
- OKLCH
- oklch(0.781 0.035 81.9)
- OKLab
- oklab(0.781 0.005 0.035)
- CIE Lab
- lab(74.69 1.97 13.51)
- LCH
- lch(74.69 13.66 81.7)
- CMYK
- cmyk(0% 7% 18% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C9BDA8
- CFC4B2
- D5CBBB
- DBD3C5
- E1DACE
- E7E1D8
- EDE9E2
- F3F0EB
- F9F8F5
Koyu tonlar
- A99E8A
- 908675
- 786F61
- 60594D
- 4A443B
- 343029
- 201D18
- 0E0C09
- 020201
Gri tonlar
- BCB09C
- B5AB99
- AEA596
- A8A093
- A19B90
- 9A958C
- 949089
- 8D8B86
- 868583
Renk uyumları
Tamamlayıcı +180°
- C3B69F
Basic Khaki
- ACB8CF
≈ Ethereal Mist
Analog -30° +30°
- C3B69F
Basic Khaki
- CBB2A4
≈ Rose Dust
- B8BAA1
≈ Tickled Crow
Üçlü +120° +240°
- C3B69F
Basic Khaki
- 9FBFC1
≈ Warm Breezes
- C3B1C5
≈ Really Romantic
Bölünmüş tamamlayıcı +150° +210°
- C3B69F
Basic Khaki
- A2BCCB
≈ Heavenly Blue
- B8B4CD
≈ Violet Beauty
Dörtlü +90° +180° +270°
- C3B69F
Basic Khaki
- A2BFB5
≈ Prized Celadon
- ACB8CF
≈ Ethereal Mist
- CAAFBA
≈ Scented Frill
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.99:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.51:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.51:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--basic-khaki: #c3b69f;
--basic-khaki-rgb: 195 182 159;
--basic-khaki-oklch: oklch(0.781 0.035 81.9);
}
.element {
color: var(--basic-khaki);
background-color: hsl(38 23% 69%);
border-color: oklch(0.781 0.035 81.9);
}Tailwind CSS v4
@theme {
--color-basic-khaki: #c3b69f;
--color-basic-khaki-50: #faf5ea;
--color-basic-khaki-100: #ede7db;
--color-basic-khaki-200: #dbd3c4;
--color-basic-khaki-300: #c0b6a4;
--color-basic-khaki-400: #a99d88;
--color-basic-khaki-500: #92846c;
--color-basic-khaki-600: #7b705c;
--color-basic-khaki-700: #635a49;
--color-basic-khaki-800: #494135;
--color-basic-khaki-900: #322d24;
--color-basic-khaki-950: #1e1a13;
}SCSS
$basic-khaki: #c3b69f;
$basic-khaki-rgb: 195, 182, 159;
$basic-khaki-light: mix(#fff, $basic-khaki, 20%);
$basic-khaki-dark: mix(#000, $basic-khaki, 20%);
.element {
color: $basic-khaki;
box-shadow: 0 0 0 2px rgba($basic-khaki, 0.35);
}