Najbliższy nazwany kolor · #A5665A
#A5665A
Najbliższy nazwany kolor: Rustling Leaves
#A5665A (rgb(165 102 90), hsl(10 29% 50%), oklch(0.576 0.084 31.5)) jest najbliższy nazwanemu kolorowi Rustling Leaves. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A5665A
oklch(0.576 0.084 31.5)
Konwersje koloru
- HEX
- #a5665a
- RGB
- rgb(165 102 90)
- HSL
- hsl(10 29% 50%)
- HWB
- hwb(10 35% 35%)
- OKLCH
- oklch(0.576 0.084 31.5)
- OKLab
- oklab(0.576 0.072 0.044)
- CIE Lab
- lab(50.12 25.04 18.03)
- LCH
- lch(50.12 30.86 35.8)
- CMYK
- cmyk(0% 38% 45% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AF7569
- B88379
- C19289
- CBA199
- D4B1AA
- DDC0BA
- E5D0CB
- EEDFDC
- F7EFED
Odcienie ciemniejsze
- 8F584D
- 794A41
- 653C35
- 512F29
- 3D231E
- 2B1713
- 1A0C09
- 0A0403
- 010000
Tony
- A2695E
- 9F6C62
- 9B6F66
- 98716A
- 94746D
- 907671
- 8D7975
- 897B79
- 847E7C
Harmonie kolorów
Komplementarna +180°
- A5665A
Rustling Leaves
- 2F8696
≈ Precious Stone
Analogowa -30° +30°
- A5665A
Rustling Leaves
- A26476
≈ Jugendstil Pink
- 9D6D43
≈ Desert Clay
Triada +120° +240°
- A5665A
Rustling Leaves
- 528860
≈ Spring Garden
- 6776AB
≈ Midnight Violet
Komplementarna rozszczepiona +150° +210°
- A5665A
Rustling Leaves
- 34897C
≈ Copper Turquoise
- 497FA7
≈ Neapolitan Blue
Tetrada +90° +180° +270°
- A5665A
Rustling Leaves
- 718147
≈ Creamed Avocado
- 2F8696
≈ Precious Stone
- 826DA3
≈ Bitter Violet
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.51:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.64:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--rustling-leaves: #a5665a;
--rustling-leaves-rgb: 165 102 90;
--rustling-leaves-oklch: oklch(0.576 0.084 31.5);
}
.element {
color: var(--rustling-leaves);
background-color: hsl(10 29% 50%);
border-color: oklch(0.576 0.084 31.5);
}Tailwind CSS v4
@theme {
--color-rustling-leaves: #a5665a;
--color-rustling-leaves-50: #ffede6;
--color-rustling-leaves-100: #ffded6;
--color-rustling-leaves-200: #f6c8bd;
--color-rustling-leaves-300: #dfa89c;
--color-rustling-leaves-400: #cb8c80;
--color-rustling-leaves-500: #b77163;
--color-rustling-leaves-600: #9b6054;
--color-rustling-leaves-700: #7c4c43;
--color-rustling-leaves-800: #5c3731;
--color-rustling-leaves-900: #412621;
--color-rustling-leaves-950: #291411;
}SCSS
$rustling-leaves: #a5665a;
$rustling-leaves-rgb: 165, 102, 90;
$rustling-leaves-light: mix(#fff, $rustling-leaves, 20%);
$rustling-leaves-dark: mix(#000, $rustling-leaves, 20%);
.element {
color: $rustling-leaves;
box-shadow: 0 0 0 2px rgba($rustling-leaves, 0.35);
}