Najbliższy nazwany kolor · #766876
#766876
Najbliższy nazwany kolor: Rum
#766876 (rgb(118 104 118), hsl(300 6% 44%), oklch(0.535 0.027 326)) jest najbliższy nazwanemu kolorowi Rum. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#766876
oklch(0.535 0.027 326)
Konwersje koloru
- HEX
- #766876
- RGB
- rgb(118 104 118)
- HSL
- hsl(300 6% 44%)
- HWB
- hwb(300 41% 54%)
- OKLCH
- oklch(0.535 0.027 326)
- OKLab
- oklab(0.535 0.023 -0.015)
- CIE Lab
- lab(45.71 7.76 -5.72)
- LCH
- lch(45.71 9.64 323.6)
- CMYK
- cmyk(0% 12% 0% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 837683
- 908490
- 9D939D
- ABA2AB
- B8B1B8
- C6C0C6
- D4CFD4
- E2DFE2
- F1EFF1
Odcienie ciemniejsze
- 665966
- 564B56
- 473E47
- 383038
- 292429
- 1C181C
- 0F0C0F
- 050405
- 010001
Tony
- 776A77
- 786D78
- 796F79
- 7A727A
- 7B747B
- 7C767C
- 7D797D
- 7E7B7E
- 7F7E7F
Harmonie kolorów
Komplementarna +180°
- 766876
Rum
- 637264
≈ Seraphinite
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- 766876
Rum
- 6C705E
≈ Shutters
- 5D736D
≈ Noble Fir
Tetrada +90° +180° +270°
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 {
--rum: #766876;
--rum-rgb: 118 104 118;
--rum-oklch: oklch(0.535 0.027 326);
}
.element {
color: var(--rum);
background-color: hsl(300 6% 44%);
border-color: oklch(0.535 0.027 326);
}Tailwind CSS v4
@theme {
--color-rum: #766876;
--color-rum-50: #faf2f9;
--color-rum-100: #ede5ed;
--color-rum-200: #dbd0da;
--color-rum-300: #c0b3bf;
--color-rum-400: #a799a7;
--color-rum-500: #908090;
--color-rum-600: #7a6d7a;
--color-rum-700: #625762;
--color-rum-800: #473f48;
--color-rum-900: #312c32;
--color-rum-950: #1d191e;
}SCSS
$rum: #766876;
$rum-rgb: 118, 104, 118;
$rum-light: mix(#fff, $rum, 20%);
$rum-dark: mix(#000, $rum, 20%);
.element {
color: $rum;
box-shadow: 0 0 0 2px rgba($rum, 0.35);
}