Colore con nome più vicino · #929715
#929715
Colore con nome più vicino: Papyrus
#929715 (rgb(146 151 21), hsl(62 76% 34%), oklch(0.651 0.139 112.1)) è più vicino al colore con nome Papyrus. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#929715
oklch(0.651 0.139 112.1)
Conversioni di colore
- HEX
- #929715
- RGB
- rgb(146 151 21)
- HSL
- hsl(62 76% 34%)
- HWB
- hwb(62 8% 41%)
- OKLCH
- oklch(0.651 0.139 112.1)
- OKLab
- oklab(0.651 -0.052 0.129)
- CIE Lab
- lab(60.45 -12.58 59.25)
- LCH
- lch(60.45 60.57 102)
- CMYK
- cmyk(3% 0% 86% 41%)
Tinte · Ombre · Toni
Tinte
- 9CA13B
- A6AC55
- B1B66C
- BBC182
- C6CB97
- D1D5AC
- DCE0C1
- E8EAD5
- F3F5EA
Ombre
- 7E8311
- 6B6F0C
- 585C08
- 464905
- 353703
- 252602
- 161701
- 080800
- 010100
Toni
- 90952C
- 8E933B
- 8C9147
- 8A8F52
- 888C5B
- 878A63
- 85886B
- 838572
- 828379
Armonie di colore
Complementare +180°
- 929715
Papyrus
- 927EDC
≈ Indigo Bloom
Analogo -30° +30°
- 929715
Papyrus
- B88600
≈ Letter Jacket
- 59A452
≈ Straightforward Green
Triadico +120° +240°
- 929715
Papyrus
- 009CD2
≈ Structural Blue
- CE6898
≈ Nocturnal Rose
Complementare divisa +150° +210°
- 929715
Papyrus
- 608DE4
≈ United Nations Blue
- B670C1
≈ Lavendless
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.15:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.65:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.65:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--papyrus: #929715;
--papyrus-rgb: 146 151 21;
--papyrus-oklch: oklch(0.651 0.139 112.1);
}
.element {
color: var(--papyrus);
background-color: hsl(62 76% 34%);
border-color: oklch(0.651 0.139 112.1);
}Tailwind CSS v4
@theme {
--color-papyrus: #929715;
--color-papyrus-50: #f4facd;
--color-papyrus-100: #e7eeb9;
--color-papyrus-200: #d3db96;
--color-papyrus-300: #b6c069;
--color-papyrus-400: #a1a637;
--color-papyrus-500: #898e00;
--color-papyrus-600: #747800;
--color-papyrus-700: #5d6000;
--color-papyrus-800: #464600;
--color-papyrus-900: #303000;
--color-papyrus-950: #1d1c00;
}SCSS
$papyrus: #929715;
$papyrus-rgb: 146, 151, 21;
$papyrus-light: mix(#fff, $papyrus, 20%);
$papyrus-dark: mix(#000, $papyrus, 20%);
.element {
color: $papyrus;
box-shadow: 0 0 0 2px rgba($papyrus, 0.35);
}