Adlandırılmış renk · #D79979
Italian Clay
Italian Clay, #D79979: rgb(215 153 121), hsl(20 54% 66%), oklch(0.735 0.087 48.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Italian Clay color name →
#D79979
oklch(0.735 0.087 48.2)
Renk dönüşümleri
- HEX
- #d79979
- RGB
- rgb(215 153 121)
- HSL
- hsl(20 54% 66%)
- HWB
- hwb(20 47% 16%)
- OKLCH
- oklch(0.735 0.087 48.2)
- OKLab
- oklab(0.735 0.058 0.065)
- CIE Lab
- lab(68.83 21.12 26.56)
- LCH
- lch(68.83 33.93 51.5)
- CMYK
- cmyk(0% 29% 44% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCA386
- E0AD93
- E4B7A1
- E8C2AE
- EDCCBB
- F0D6C9
- F4E0D6
- F8EAE4
- FCF5F1
Koyu tonlar
- BB8468
- 9F7058
- 855D48
- 6B4A39
- 52382B
- 3B271D
- 251710
- 110805
- 020101
Gri tonlar
- CE977A
- C6947B
- BD927C
- B4907D
- AC8D7E
- A38B7E
- 9A887F
- 92857F
- 898380
Renk uyumları
Tamamlayıcı +180°
- D79979
Italian Clay
- 6BB4D5
≈ Skyscape
Analog -30° +30°
- D79979
Italian Clay
- DB9394
≈ Pink Clay Pot
- C8A369
≈ Classic Gold
Üçlü +120° +240°
- D79979
Italian Clay
- 6FBB9F
≈ Arboretum
- A6A1DE
≈ Simply Violet
Bölünmüş tamamlayıcı +150° +210°
- D79979
Italian Clay
- 5FBABD
≈ Dickie Bird
- 88ABE0
≈ Queer Blue
Dörtlü +90° +180° +270°
- D79979
Italian Clay
- 8EB781
≈ Aniseed Leaf Green
- 6BB4D5
≈ Skyscape
- C198CD
≈ Amethyst Show
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.40:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.72:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--italian-clay: #d79979;
--italian-clay-rgb: 215 153 121;
--italian-clay-oklch: oklch(0.735 0.087 48.2);
}
.element {
color: var(--italian-clay);
background-color: hsl(20 54% 66%);
border-color: oklch(0.735 0.087 48.2);
}Tailwind CSS v4
@theme {
--color-italian-clay: #d79979;
--color-italian-clay-50: #ffefdf;
--color-italian-clay-100: #ffe0cf;
--color-italian-clay-200: #f4cab4;
--color-italian-clay-300: #ddab90;
--color-italian-clay-400: #c98f71;
--color-italian-clay-500: #b57451;
--color-italian-clay-600: #996246;
--color-italian-clay-700: #7b4f37;
--color-italian-clay-800: #5b3928;
--color-italian-clay-900: #40271b;
--color-italian-clay-950: #29150b;
}SCSS
$italian-clay: #d79979;
$italian-clay-rgb: 215, 153, 121;
$italian-clay-light: mix(#fff, $italian-clay, 20%);
$italian-clay-dark: mix(#000, $italian-clay, 20%);
.element {
color: $italian-clay;
box-shadow: 0 0 0 2px rgba($italian-clay, 0.35);
}