Najbliższy nazwany kolor · #A5665B
#A5665B
Najbliższy nazwany kolor: Rustling Leaves
#A5665B (rgb(165 102 91), hsl(9 29% 50%), oklch(0.576 0.084 30.5)) jest najbliższy nazwanemu kolorowi Rustling Leaves. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A5665B
oklch(0.576 0.084 30.5)
Konwersje koloru
- HEX
- #a5665b
- RGB
- rgb(165 102 91)
- HSL
- hsl(9 29% 50%)
- HWB
- hwb(9 36% 35%)
- OKLCH
- oklch(0.576 0.084 30.5)
- OKLab
- oklab(0.576 0.072 0.043)
- CIE Lab
- lab(50.13 25.12 17.47)
- LCH
- lch(50.13 30.6 34.8)
- CMYK
- cmyk(0% 38% 45% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AF756A
- B8837A
- C1928A
- CBA19A
- D4B1AA
- DDC0BB
- E5D0CB
- EEDFDC
- F7EFEE
Odcienie ciemniejsze
- 8F584E
- 794A41
- 653C35
- 512F29
- 3D231E
- 2B1713
- 1A0C09
- 0A0403
- 010000
Tony
- A2695F
- 9F6C63
- 9B6F66
- 98716A
- 94746E
- 907672
- 8D7975
- 897B79
- 847E7C
Harmonie kolorów
Komplementarna +180°
- A5665B
Rustling Leaves
- 2F8795
≈ Precious Stone
Analogowa -30° +30°
- A5665B
Rustling Leaves
- A26477
≈ Jugendstil Pink
- 9E6D44
≈ Desert Clay
Triada +120° +240°
- A5665B
Rustling Leaves
- 53875F
≈ Spring Garden
- 6677AB
≈ Sudden Sapphire
Komplementarna rozszczepiona +150° +210°
- A5665B
Rustling Leaves
- 35897C
≈ Copper Turquoise
- 4880A6
≈ Lake Henry
Tetrada +90° +180° +270°
- A5665B
Rustling Leaves
- 728146
≈ Grasshopper
- 2F8795
≈ Precious Stone
- 816EA3
≈ Bitter Violet
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.51:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.65:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--rustling-leaves: #a5665b;
--rustling-leaves-rgb: 165 102 91;
--rustling-leaves-oklch: oklch(0.576 0.084 30.5);
}
.element {
color: var(--rustling-leaves);
background-color: hsl(9 29% 50%);
border-color: oklch(0.576 0.084 30.5);
}Tailwind CSS v4
@theme {
--color-rustling-leaves: #a5665b;
--color-rustling-leaves-50: #ffede6;
--color-rustling-leaves-100: #ffded6;
--color-rustling-leaves-200: #f6c8be;
--color-rustling-leaves-300: #dfa89c;
--color-rustling-leaves-400: #cb8c81;
--color-rustling-leaves-500: #b77064;
--color-rustling-leaves-600: #9b5f55;
--color-rustling-leaves-700: #7c4c44;
--color-rustling-leaves-800: #5c3732;
--color-rustling-leaves-900: #402622;
--color-rustling-leaves-950: #291411;
}SCSS
$rustling-leaves: #a5665b;
$rustling-leaves-rgb: 165, 102, 91;
$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);
}