En yakın adlandırılmış renk · #DD9D71
#DD9D71
En yakın adlandırılmış renk: Coyote
#DD9D71 (rgb(221 157 113), hsl(24 61% 65%), oklch(0.748 0.097 55.2)) en çok Coyote 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.
#DD9D71
oklch(0.748 0.097 55.2)
Renk dönüşümleri
- HEX
- #dd9d71
- RGB
- rgb(221 157 113)
- HSL
- hsl(24 61% 65%)
- HWB
- hwb(24 44% 13%)
- OKLCH
- oklch(0.748 0.097 55.2)
- OKLab
- oklab(0.748 0.055 0.079)
- CIE Lab
- lab(70.36 20.92 32.96)
- LCH
- lch(70.36 39.04 57.6)
- CMYK
- cmyk(0% 29% 49% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1A77F
- E5B18E
- E9BA9C
- ECC4AA
- F0CEB8
- F3D8C6
- F6E2D4
- F9EBE2
- FCF5F1
Koyu tonlar
- C08861
- A47352
- 885F43
- 6E4C35
- 553A27
- 3D281A
- 26180E
- 110904
- 020101
Gri tonlar
- D49A73
- CA9875
- C19577
- B89279
- AF8F7A
- A58C7C
- 9C897D
- 93867E
- 89837F
Renk uyumları
Tamamlayıcı +180°
- DD9D71
Coyote
- 6DB7E2
≈ Life Force
Analog -30° +30°
Üçlü +120° +240°
- DD9D71
Coyote
- 64C1AA
≈ Spearmint
- B2A1E4
≈ Violet Velvet
Bölünmüş tamamlayıcı +150° +210°
- DD9D71
Coyote
- 57BFCA
≈ Baharroth Blue
- 90ACEB
≈ Kitten’s Eye
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.29:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.13:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--coyote: #dd9d71;
--coyote-rgb: 221 157 113;
--coyote-oklch: oklch(0.748 0.097 55.2);
}
.element {
color: var(--coyote);
background-color: hsl(24 61% 65%);
border-color: oklch(0.748 0.097 55.2);
}Tailwind CSS v4
@theme {
--color-coyote: #dd9d71;
--color-coyote-50: #ffefdb;
--color-coyote-100: #ffe1c9;
--color-coyote-200: #f5cbac;
--color-coyote-300: #deab87;
--color-coyote-400: #cb8f66;
--color-coyote-500: #b77443;
--color-coyote-600: #9b623a;
--color-coyote-700: #7c4e2e;
--color-coyote-800: #5c3821;
--color-coyote-900: #412716;
--color-coyote-950: #291507;
}SCSS
$coyote: #dd9d71;
$coyote-rgb: 221, 157, 113;
$coyote-light: mix(#fff, $coyote, 20%);
$coyote-dark: mix(#000, $coyote, 20%);
.element {
color: $coyote;
box-shadow: 0 0 0 2px rgba($coyote, 0.35);
}