Dichtstbijzijnde benoemde kleur · #929715
#929715
Dichtstbijzijnde benoemde kleur: Papyrus
#929715 (rgb(146 151 21), hsl(62 76% 34%), oklch(0.651 0.139 112.1)) komt het dichtst bij de benoemde kleur Papyrus. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#929715
oklch(0.651 0.139 112.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 9CA13B
- A6AC55
- B1B66C
- BBC182
- C6CB97
- D1D5AC
- DCE0C1
- E8EAD5
- F3F5EA
Schaduwen
- 7E8311
- 6B6F0C
- 585C08
- 464905
- 353703
- 252602
- 161701
- 080800
- 010100
Tonen
- 90952C
- 8E933B
- 8C9147
- 8A8F52
- 888C5B
- 878A63
- 85886B
- 838572
- 828379
Kleurharmonieën
Complementair +180°
- 929715
Papyrus
- 927EDC
≈ Indigo Bloom
Analoog -30° +30°
- 929715
Papyrus
- B88600
≈ Letter Jacket
- 59A452
≈ Straightforward Green
Triadisch +120° +240°
- 929715
Papyrus
- 009CD2
≈ Structural Blue
- CE6898
≈ Nocturnal Rose
Gesplitst complementair +150° +210°
- 929715
Papyrus
- 608DE4
≈ United Nations Blue
- B670C1
≈ Lavendless
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.15:1 · APCA Lc 58
Ag
AAOp zwart
WCAG 6.65:1 · APCA Lc 43
Beste tekstkleur: #000000
WCAG 6.65:1 (AA) · APCA Lc 43
Contrast pairs
Codefragmenten
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);
}