Colore con nome · #625665
Fedora
Fedora è #625665: rgb(98 86 101), hsl(288 8% 37%), oklch(0.47 0.028 319.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fedora color name →
#625665
oklch(0.47 0.028 319.5)
Conversioni di colore
- HEX
- #625665
- RGB
- rgb(98 86 101)
- HSL
- hsl(288 8% 37%)
- HWB
- hwb(288 34% 60%)
- OKLCH
- oklch(0.47 0.028 319.5)
- OKLab
- oklab(0.47 0.021 -0.018)
- CIE Lab
- lab(38.16 7.36 -6.79)
- LCH
- lch(38.16 10.02 317.3)
- CMYK
- cmyk(3% 15% 0% 60%)
Tinte · Ombre · Toni
Tinte
- 706573
- 7F7582
- 8E8591
- 9E96A0
- ADA7AF
- BDB8BE
- CDC9CE
- DEDBDE
- EEEDEF
Ombre
- 544A57
- 473E49
- 3A323C
- 2D272F
- 211C22
- 161217
- 0B080C
- 030203
- 000000
Toni
- 655A68
- 685E6A
- 6B626D
- 6E6770
- 716B72
- 746F75
- 777378
- 7A777B
- 7D7C7D
Armonie di colore
Complementare +180°
- 625665
Fedora
- 535F50
≈ Brierwood Green
Analogo -30° +30°
- 625665
Fedora
- 5A586A
≈ Ripe Berry
- 68555D
≈ Indulgent
Triadico +120° +240°
- 625665
Fedora
- 635949
≈ Winter Oak
- 496061
≈ Midnight Teal
Complementare divisa +150° +210°
- 625665
Fedora
- 5C5C4A
≈ Almond Green
- 4C6058
≈ Chalcedony Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.91:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.03:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.91:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--fedora: #625665;
--fedora-rgb: 98 86 101;
--fedora-oklch: oklch(0.47 0.028 319.5);
}
.element {
color: var(--fedora);
background-color: hsl(288 8% 37%);
border-color: oklch(0.47 0.028 319.5);
}Tailwind CSS v4
@theme {
--color-fedora: #625665;
--color-fedora-50: #f9f3fa;
--color-fedora-100: #ece5ee;
--color-fedora-200: #dad0dc;
--color-fedora-300: #beb3c0;
--color-fedora-400: #a699a9;
--color-fedora-500: #8f8092;
--color-fedora-600: #796d7c;
--color-fedora-700: #615763;
--color-fedora-800: #463f49;
--color-fedora-900: #312c33;
--color-fedora-950: #1d191e;
}SCSS
$fedora: #625665;
$fedora-rgb: 98, 86, 101;
$fedora-light: mix(#fff, $fedora, 20%);
$fedora-dark: mix(#000, $fedora, 20%);
.element {
color: $fedora;
box-shadow: 0 0 0 2px rgba($fedora, 0.35);
}