Najbliższy nazwany kolor · #DD9D71
#DD9D71
Najbliższy nazwany kolor: Coyote
#DD9D71 (rgb(221 157 113), hsl(24 61% 65%), oklch(0.748 0.097 55.2)) jest najbliższy nazwanemu kolorowi Coyote. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DD9D71
oklch(0.748 0.097 55.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1A77F
- E5B18E
- E9BA9C
- ECC4AA
- F0CEB8
- F3D8C6
- F6E2D4
- F9EBE2
- FCF5F1
Odcienie ciemniejsze
- C08861
- A47352
- 885F43
- 6E4C35
- 553A27
- 3D281A
- 26180E
- 110904
- 020101
Tony
- D49A73
- CA9875
- C19577
- B89279
- AF8F7A
- A58C7C
- 9C897D
- 93867E
- 89837F
Harmonie kolorów
Komplementarna +180°
- DD9D71
Coyote
- 6DB7E2
≈ Life Force
Analogowa -30° +30°
Triada +120° +240°
- DD9D71
Coyote
- 64C1AA
≈ Spearmint
- B2A1E4
≈ Violet Velvet
Komplementarna rozszczepiona +150° +210°
- DD9D71
Coyote
- 57BFCA
≈ Baharroth Blue
- 90ACEB
≈ Kitten’s Eye
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.13:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
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);
}