Adlandırılmış renk · #C3663F
Clay Pot
Clay Pot, #C3663F: rgb(195 102 63), hsl(18 52% 51%), oklch(0.611 0.13 42.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Clay Pot color name →
#C3663F
oklch(0.611 0.13 42.6)
Renk dönüşümleri
- HEX
- #c3663f
- RGB
- rgb(195 102 63)
- HSL
- hsl(18 52% 51%)
- HWB
- hwb(18 25% 24%)
- OKLCH
- oklch(0.611 0.13 42.6)
- OKLab
- oklab(0.611 0.096 0.088)
- CIE Lab
- lab(53.99 35.69 39.1)
- LCH
- lch(53.99 52.94 47.6)
- CMYK
- cmyk(0% 48% 68% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CA7653
- D18566
- D89479
- DFA38C
- E5B39F
- EBC2B2
- F0D1C5
- F5E0D8
- FAF0EB
Koyu tonlar
- A95835
- 904A2C
- 783C23
- 602F1B
- 4A2312
- 34170A
- 200C04
- 0E0401
- 020000
Gri tonlar
- BD6A47
- B76D4F
- B17056
- AA735C
- A47563
- 9D7869
- 967A6F
- 8F7C75
- 887E7A
Renk uyumları
Tamamlayıcı +180°
- C3663F
Clay Pot
- 0092B5
≈ Cool Tide
Analog -30° +30°
- C3663F
Clay Pot
- C55F6E
≈ Candy Drop
- B27501
≈ Philippine Gold
Üçlü +120° +240°
- C3663F
Clay Pot
- 0E9B6C
≈ Jitterbug Jade
- 7978CF
≈ Kickstart Purple
Bölünmüş tamamlayıcı +150° +210°
- C3663F
Clay Pot
- 009794
≈ Intermezzo
- 4486CF
≈ Blue Sonki
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.96:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.29:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--clay-pot: #c3663f;
--clay-pot-rgb: 195 102 63;
--clay-pot-oklch: oklch(0.611 0.13 42.6);
}
.element {
color: var(--clay-pot);
background-color: hsl(18 52% 51%);
border-color: oklch(0.611 0.13 42.6);
}Tailwind CSS v4
@theme {
--color-clay-pot: #c3663f;
--color-clay-pot-50: #ffead7;
--color-clay-pot-100: #ffdbc5;
--color-clay-pot-200: #ffc3a7;
--color-clay-pot-300: #f0a27f;
--color-clay-pot-400: #de835e;
--color-clay-pot-500: #cb6438;
--color-clay-pot-600: #ac5631;
--color-clay-pot-700: #8a4427;
--color-clay-pot-800: #67311c;
--color-clay-pot-900: #482112;
--color-clay-pot-950: #2f1005;
}SCSS
$clay-pot: #c3663f;
$clay-pot-rgb: 195, 102, 63;
$clay-pot-light: mix(#fff, $clay-pot, 20%);
$clay-pot-dark: mix(#000, $clay-pot, 20%);
.element {
color: $clay-pot;
box-shadow: 0 0 0 2px rgba($clay-pot, 0.35);
}