Najbliższy nazwany kolor · #DE9F6D
#DE9F6D
Najbliższy nazwany kolor: Coyote
#DE9F6D (rgb(222 159 109), hsl(27 63% 65%), oklch(0.752 0.1 58.9)) jest najbliższy nazwanemu kolorowi Coyote. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DE9F6D
oklch(0.752 0.1 58.9)
Konwersje koloru
- HEX
- #de9f6d
- RGB
- rgb(222 159 109)
- HSL
- hsl(27 63% 65%)
- HWB
- hwb(27 43% 13%)
- OKLCH
- oklch(0.752 0.1 58.9)
- OKLab
- oklab(0.752 0.052 0.086)
- CIE Lab
- lab(70.89 20.04 35.76)
- LCH
- lch(70.89 40.99 60.7)
- CMYK
- cmyk(0% 28% 51% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2A97C
- E6B28B
- E9BC99
- EDC5A8
- F0CFB6
- F3D9C5
- F6E2D3
- F9ECE2
- FCF5F0
Odcienie ciemniejsze
- C18A5E
- A5754F
- 896141
- 6F4D33
- 553B26
- 3D2919
- 26180D
- 120904
- 020101
Tony
- D59C70
- CB9972
- C29675
- B89377
- AF9079
- A68D7B
- 9C8A7C
- 93877E
- 89837F
Harmonie kolorów
Komplementarna +180°
- DE9F6D
Coyote
- 6FB8E7
≈ Norfolk Sky
Analogowa -30° +30°
- DE9F6D
Coyote
- E7968A
≈ Salmon Salt
- C8AB61
≈ Laser
Triada +120° +240°
- DE9F6D
Coyote
- 5EC3B0
≈ Treasured Teal
- B7A1E5
≈ Violet Velvet
Komplementarna rozszczepiona +150° +210°
- DE9F6D
Coyote
- 55C0D0
≈ Skink Blue
- 94ACEF
≈ Kitten’s Eye
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.26:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.28:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.28:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--coyote: #de9f6d;
--coyote-rgb: 222 159 109;
--coyote-oklch: oklch(0.752 0.1 58.9);
}
.element {
color: var(--coyote);
background-color: hsl(27 63% 65%);
border-color: oklch(0.752 0.1 58.9);
}Tailwind CSS v4
@theme {
--color-coyote: #de9f6d;
--color-coyote-50: #ffefd9;
--color-coyote-100: #ffe1c7;
--color-coyote-200: #f5cba9;
--color-coyote-300: #ddac83;
--color-coyote-400: #cb9061;
--color-coyote-500: #b7753c;
--color-coyote-600: #9a6334;
--color-coyote-700: #7c4f29;
--color-coyote-800: #5c391d;
--color-coyote-900: #412713;
--color-coyote-950: #291505;
}SCSS
$coyote: #de9f6d;
$coyote-rgb: 222, 159, 109;
$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);
}