Najbliższy nazwany kolor · #D5876B
#D5876B
Najbliższy nazwany kolor: Canyon Sunset
#D5876B (rgb(213 135 107), hsl(16 56% 63%), oklch(0.698 0.104 40.5)) jest najbliższy nazwanemu kolorowi Canyon Sunset. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D5876B
oklch(0.698 0.104 40.5)
Konwersje koloru
- HEX
- #d5876b
- RGB
- rgb(213 135 107)
- HSL
- hsl(16 56% 63%)
- HWB
- hwb(16 42% 16%)
- OKLCH
- oklch(0.698 0.104 40.5)
- OKLab
- oklab(0.698 0.079 0.068)
- CIE Lab
- lab(64.21 28.54 28.16)
- LCH
- lch(64.21 40.1 44.6)
- CMYK
- cmyk(0% 37% 50% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DA937A
- DF9F88
- E4AB97
- E8B7A5
- EDC3B4
- F1CFC3
- F5DBD2
- F8E7E1
- FCF3F0
Odcienie ciemniejsze
- B9755C
- 9E634E
- 83513F
- 6A4132
- 513125
- 3A2118
- 24130D
- 100604
- 020100
Tony
- CD876E
- C48670
- BC8672
- B48575
- AB8577
- A38479
- 9A837B
- 92827D
- 89817E
Harmonie kolorów
Komplementarna +180°
- D5876B
Canyon Sunset
- 44ADCB
≈ Dragonfly Blue
Analogowa -30° +30°
- D5876B
Canyon Sunset
- D6828E
≈ I Pink I Can
- C79251
≈ Caramel Crumb
Triada +120° +240°
- D5876B
Canyon Sunset
- 5DB288
≈ Jade Cream
- 9296DD
≈ Portage
Komplementarna rozszczepiona +150° +210°
- D5876B
Canyon Sunset
- 3AB2AD
≈ Verdigris
- 6AA2DC
≈ Windjammer
Tetrada +90° +180° +270°
- D5876B
Canyon Sunset
- 88AB65
≈ Celuce
- 44ADCB
≈ Dragonfly Blue
- B28BCE
≈ Pale Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.50:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--canyon-sunset: #d5876b;
--canyon-sunset-rgb: 213 135 107;
--canyon-sunset-oklch: oklch(0.698 0.104 40.5);
}
.element {
color: var(--canyon-sunset);
background-color: hsl(16 56% 63%);
border-color: oklch(0.698 0.104 40.5);
}Tailwind CSS v4
@theme {
--color-canyon-sunset: #d5876b;
--color-canyon-sunset-50: #ffecde;
--color-canyon-sunset-100: #ffddcd;
--color-canyon-sunset-200: #fcc6b1;
--color-canyon-sunset-300: #e6a68d;
--color-canyon-sunset-400: #d3896e;
--color-canyon-sunset-500: #c06c4e;
--color-canyon-sunset-600: #a25c43;
--color-canyon-sunset-700: #824a35;
--color-canyon-sunset-800: #613527;
--color-canyon-sunset-900: #44241a;
--color-canyon-sunset-950: #2c130a;
}SCSS
$canyon-sunset: #d5876b;
$canyon-sunset-rgb: 213, 135, 107;
$canyon-sunset-light: mix(#fff, $canyon-sunset, 20%);
$canyon-sunset-dark: mix(#000, $canyon-sunset, 20%);
.element {
color: $canyon-sunset;
box-shadow: 0 0 0 2px rgba($canyon-sunset, 0.35);
}