Najbliższy nazwany kolor · #7F6854
#7F6854
Najbliższy nazwany kolor: Pastel Brown
#7F6854 (rgb(127 104 84), hsl(28 20% 41%), oklch(0.534 0.042 62.7)) jest najbliższy nazwanemu kolorowi Pastel Brown. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7F6854
oklch(0.534 0.042 62.7)
Konwersje koloru
- HEX
- #7f6854
- RGB
- rgb(127 104 84)
- HSL
- hsl(28 20% 41%)
- HWB
- hwb(28 33% 50%)
- OKLCH
- oklch(0.534 0.042 62.7)
- OKLab
- oklab(0.534 0.019 0.037)
- CIE Lab
- lab(45.88 7.17 14.93)
- LCH
- lch(45.88 16.56 64.3)
- CMYK
- cmyk(0% 18% 34% 50%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8B7664
- 988474
- A49384
- B1A295
- BDB1A6
- CAC0B7
- D7CFC9
- E4DFDB
- F2EFED
Odcienie ciemniejsze
- 6E5948
- 5D4B3C
- 4C3E31
- 3C3026
- 2D241B
- 1F1811
- 110C08
- 060402
- 010000
Tony
- 7F6A58
- 7F6D5D
- 806F61
- 807266
- 80746A
- 80766E
- 807973
- 807B77
- 807E7C
Harmonie kolorów
Komplementarna +180°
- 7F6854
Pastel Brown
- 587084
≈ Silver Blueberry
Analogowa -30° +30°
- 7F6854
Pastel Brown
- 84645E
≈ Smoked Almond
- 756D51
≈ Peat
Triada +120° +240°
- 7F6854
Pastel Brown
- 51756F
≈ Evening Emerald
- 726782
≈ Aromatic
Komplementarna rozszczepiona +150° +210°
- 7F6854
Pastel Brown
- 50747C
≈ Blue Sage
- 656C86
≈ Dangerously Elegant
Tetrada +90° +180° +270°
- 7F6854
Pastel Brown
- 5B7461
≈ Brookside
- 587084
≈ Silver Blueberry
- 7C6478
≈ Cabal
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.23:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.01:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--pastel-brown: #7f6854;
--pastel-brown-rgb: 127 104 84;
--pastel-brown-oklch: oklch(0.534 0.042 62.7);
}
.element {
color: var(--pastel-brown);
background-color: hsl(28 20% 41%);
border-color: oklch(0.534 0.042 62.7);
}Tailwind CSS v4
@theme {
--color-pastel-brown: #7f6854;
--color-pastel-brown-50: #fef3e9;
--color-pastel-brown-100: #f2e5da;
--color-pastel-brown-200: #e1d1c2;
--color-pastel-brown-300: #c7b3a2;
--color-pastel-brown-400: #b19a85;
--color-pastel-brown-500: #9b806a;
--color-pastel-brown-600: #836d5a;
--color-pastel-brown-700: #695748;
--color-pastel-brown-800: #4d3f34;
--color-pastel-brown-900: #362c23;
--color-pastel-brown-950: #211912;
}SCSS
$pastel-brown: #7f6854;
$pastel-brown-rgb: 127, 104, 84;
$pastel-brown-light: mix(#fff, $pastel-brown, 20%);
$pastel-brown-dark: mix(#000, $pastel-brown, 20%);
.element {
color: $pastel-brown;
box-shadow: 0 0 0 2px rgba($pastel-brown, 0.35);
}