En yakın adlandırılmış renk · #CA8B7C
#CA8B7C
En yakın adlandırılmış renk: Muted Clay
#CA8B7C (rgb(202 139 124), hsl(12 42% 64%), oklch(0.696 0.081 33.9)) en çok Muted Clay 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.
#CA8B7C
oklch(0.696 0.081 33.9)
Renk dönüşümleri
- HEX
- #ca8b7c
- RGB
- rgb(202 139 124)
- HSL
- hsl(12 42% 64%)
- HWB
- hwb(12 49% 21%)
- OKLCH
- oklch(0.696 0.081 33.9)
- OKLab
- oklab(0.696 0.067 0.045)
- CIE Lab
- lab(64.06 23.37 18.25)
- LCH
- lch(64.06 29.65 38)
- CMYK
- cmyk(0% 31% 39% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D09689
- D6A295
- DBADA2
- E1B9AF
- E6C4BC
- EBD0C9
- F0DCD6
- F5E7E4
- FAF3F1
Koyu tonlar
- AF786B
- 95665A
- 7C544A
- 64433B
- 4D322C
- 37231E
- 221411
- 0F0705
- 020101
Gri tonlar
- C38A7D
- BC897D
- B4887E
- AD877E
- A6867F
- 9E857F
- 97847F
- 8F8380
- 888180
Renk uyumları
Tamamlayıcı +180°
- CA8B7C
Muted Clay
- 5CAABC
≈ Verditer Blue
Analog -30° +30°
- CA8B7C
Muted Clay
- C88897
≈ Puce
- C19367
≈ Burnished Caramel
Üçlü +120° +240°
- CA8B7C
Muted Clay
- 75AC86
≈ Green Goddess
- 8D9AD0
≈ Easter Egg
Bölünmüş tamamlayıcı +150° +210°
- CA8B7C
Muted Clay
- 5EAEA3
≈ Green Crush
- 71A3CC
≈ Overcast
Dörtlü +90° +180° +270°
- CA8B7C
Muted Clay
- 93A66E
≈ Lettuce Mound
- 5CAABC
≈ Verditer Blue
- A891C6
≈ Lilac Breeze
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.49:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--muted-clay: #ca8b7c;
--muted-clay-rgb: 202 139 124;
--muted-clay-oklch: oklch(0.696 0.081 33.9);
}
.element {
color: var(--muted-clay);
background-color: hsl(12 42% 64%);
border-color: oklch(0.696 0.081 33.9);
}Tailwind CSS v4
@theme {
--color-muted-clay: #ca8b7c;
--color-muted-clay-50: #ffeee6;
--color-muted-clay-100: #ffdfd6;
--color-muted-clay-200: #f4c9bd;
--color-muted-clay-300: #dda99b;
--color-muted-clay-400: #c98d7f;
--color-muted-clay-500: #b57262;
--color-muted-clay-600: #996154;
--color-muted-clay-700: #7b4d43;
--color-muted-clay-800: #5b3831;
--color-muted-clay-900: #402621;
--color-muted-clay-950: #281410;
}SCSS
$muted-clay: #ca8b7c;
$muted-clay-rgb: 202, 139, 124;
$muted-clay-light: mix(#fff, $muted-clay, 20%);
$muted-clay-dark: mix(#000, $muted-clay, 20%);
.element {
color: $muted-clay;
box-shadow: 0 0 0 2px rgba($muted-clay, 0.35);
}